:root {
            --primary: #6C3CE1;
            --primary-light: #8B5CF6;
            --primary-dark: #5B21B6;
            --primary-gradient: linear-gradient(135deg, #6C3CE1 0%, #8B5CF6 100%);
            --secondary: #10B981;
            --secondary-light: #34D399;
            --danger: #EF4444;
            --warning: #F59E0B;
            --info: #3B82F6;
            --sidebar-width: 260px;
            --sidebar-collapsed: 72px;
            --header-height: 64px;
            --gray-50: #F9FAFB;
            --gray-100: #F3F4F6;
            --gray-200: #E5E7EB;
            --gray-300: #D1D5DB;
            --gray-400: #9CA3AF;
            --gray-500: #6B7280;
            --gray-600: #4B5563;
            --gray-700: #374151;
            --gray-800: #1F2937;
            --gray-900: #111827;
            --page-bg: #EEF1F5;
            --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
            --shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
            --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
            --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
            --radius: 16px;
            --radius-sm: 10px;
            --radius-xs: 8px;
            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        
        body.dark-mode {
            --gray-50: #111827;
            --gray-100: #1F2937;
            --gray-200: #374151;
            --gray-300: #4B5563;
            --gray-400: #6B7280;
            --gray-500: #9CA3AF;
            --gray-600: #D1D5DB;
            --gray-700: #E5E7EB;
            --gray-800: #F3F4F6;
            --gray-900: #F9FAFB;
            background: #0F172A;
        }

        body.dark-mode .sidebar,
        body.dark-mode .auth-container,
        body.dark-mode .dashboard-container,
        body.dark-mode .modal-overlay .modal,
        body.dark-mode .section-card,
        body.dark-mode .pending-item,
        body.dark-mode .loan-item,
        body.dark-mode .rights-table-container,
        body.dark-mode .metric-card,
        body.dark-mode .chat-container {
            background: #1E293B;
        }

        body.dark-mode .sidebar .sidebar-header,
        body.dark-mode .sidebar .sidebar-user,
        body.dark-mode .sidebar .nav-item:hover {
            background: #334155;
        }

        body.dark-mode .nav-item {
            color: var(--gray-400);
        }

        body.dark-mode .nav-item.active {
            background: var(--primary);
            color: white;
        }

        body.dark-mode .metric-card {
            border-color: #374151;
        }

        body.dark-mode { --page-bg:#0B1120; }
        body.dark-mode .dashboard-container,
        body.dark-mode .section-card,
        body.dark-mode .metric-card,
        body.dark-mode .pending-item,
        body.dark-mode .loan-item,
        body.dark-mode .chat-container,
        body.dark-mode .rights-table-container,
        body.dark-mode .balance-card,
        body.dark-mode .quick-action-btn,
        body.dark-mode .filter-toolbar,
        body.dark-mode .settings-table-wrap,
        body.dark-mode .metric-surface { background:#182235; color:#F8FAFC; border-color:#334155; }
        body.dark-mode input, body.dark-mode select, body.dark-mode textarea { background:#0F172A; color:#F8FAFC; border-color:#475569; }
        body.dark-mode input::placeholder, body.dark-mode textarea::placeholder { color:#94A3B8; }
        body.dark-mode table th { background:#31206F; color:#FFFFFF; }
        body.dark-mode table td { color:#E2E8F0; border-color:#334155; }
        body.dark-mode .table-wrapper, body.dark-mode .rights-table-wrapper, body.dark-mode .repayment-table-wrapper { background:#182235; }
        body.dark-mode .welcome-hero { background:linear-gradient(135deg,#4C1D95,#6D28D9); }
        body.dark-mode .member-id-badge { background:#3B1B68; color:#E9D5FF; }
        body.dark-mode .section-title, body.dark-mode .welcome-title, body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode .info-row .label, body.dark-mode .info-row .value, body.dark-mode .metric-label, body.dark-mode .metric-value { color:#F8FAFC !important; }
        body.dark-mode .text-muted, body.dark-mode .welcome-sub, body.dark-mode .metric-sub, body.dark-mode .details { color:#CBD5E1 !important; }
        body.dark-mode [style*="color:var(--gray-800)"], body.dark-mode [style*="color: var(--gray-800)"], body.dark-mode [style*="color:var(--gray-700)"], body.dark-mode [style*="color: var(--gray-600)"] { color:#F8FAFC !important; }
        body.dark-mode [style*="color:var(--gray-500)"], body.dark-mode [style*="color: var(--gray-400)"] { color:#CBD5E1 !important; }
        body.dark-mode [style*="background:white"], body.dark-mode [style*="background: white"] { background:#182235 !important; border-color:#334155 !important; }
        body.dark-mode .chat-message { color:#F8FAFC; }

        .metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}.metric-surface{border:1px solid var(--gray-200);border-radius:14px;padding:16px;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.04);min-height:112px;position:relative;overflow:hidden}.metric-surface:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-gradient)}.metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);font-weight:700}.metric-value{font-size:22px;font-weight:850;color:var(--gray-900);margin-top:7px}.metric-sub{font-size:11px;color:var(--gray-500);margin-top:4px}.summary-card{padding:16px 18px;border:1px solid var(--gray-200);border-radius:14px;background:linear-gradient(180deg,#fff,#F8FAFC);margin-bottom:16px}.summary-card .summary-title{font-size:13px;font-weight:800;color:var(--gray-800);margin-bottom:6px}.summary-card .summary-text{font-size:12px;line-height:1.7;color:var(--gray-600)}.eligibility-stack{display:flex;flex-direction:column;gap:10px}.eligibility-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--gray-200);border-radius:12px;background:var(--gray-50)}.eligibility-card .ec-label{font-size:11px;text-transform:uppercase;color:var(--gray-500);font-weight:700}.eligibility-card .ec-value{font-size:16px;font-weight:800;color:var(--gray-900);margin-top:3px}.filter-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px;border:1px solid var(--gray-200);background:#fff;border-radius:12px;margin-bottom:12px}.filter-toolbar input,.filter-toolbar select{min-height:38px;padding:8px 11px;border:1px solid var(--gray-200);border-radius:8px;font-family:inherit;font-size:12px;flex:1;min-width:140px}.settings-table-wrap{overflow:auto;border:1px solid var(--gray-200);border-radius:14px;background:#fff}.settings-table{width:100%;border-collapse:collapse;min-width:720px}.rights-table th{position:sticky;top:0;z-index:2}.rights-table td{background:var(--gray-50)}.settings-table th{padding:11px 13px;background:var(--gray-900);color:#fff;text-align:left;font-size:11px}.settings-table td{padding:12px 13px;border-bottom:1px solid var(--gray-100);font-size:12px;color:var(--gray-700);vertical-align:middle}.settings-table tr:last-child td{border-bottom:none}.subnav-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);padding:8px 12px 3px 44px}.nav-item.subnav{padding-left:38px;font-size:13px}.admin-profile-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#F3E8FF;color:#6B21A8;font-size:11px;font-weight:800}

        
        .table-scroll, .data-table-wrapper, .table-wrapper, .table-responsive {
            width: 100%;
            max-width: 100%;
            overflow-x: auto;
            overflow-y: visible;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
        }
        table { max-width: 100%; }
        .table-scroll table, .data-table-wrapper table, .table-wrapper table, .table-responsive table {
            min-width: 680px;
        }
        @media (max-width: 768px) {
            .main-wrapper { padding: 8px !important; }
            .dashboard-body { padding: 10px !important; }
            .section-card { border-radius: 12px; }
            .filter-toolbar { width: 100%; }
            .filter-toolbar input, .filter-toolbar select, .filter-toolbar button { min-height: 42px; }
            .table-scroll, .data-table-wrapper, .table-wrapper, .table-responsive { margin-left: 0; margin-right: 0; }
            .table-scroll table, .data-table-wrapper table, .table-wrapper table, .table-responsive table { min-width: 620px; }
            .welcome-hero { padding: 16px !important; }
            .welcome-title { line-height: 1.2; }
            .metric-grid { width: 100%; }
            .metric-card, .metric-surface { min-width: 0; }
        }
        @media (max-width: 480px) {
            body { font-size: 13px; }
            .main-wrapper { padding: 6px !important; }
            .dashboard-body { padding: 8px !important; }
            .section-card { padding: 12px !important; }
            .metric-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 7px !important; }
            .metric-card, .metric-surface { padding: 10px !important; }
            .metric-value { font-size: 16px !important; }
            .metric-label { font-size: 10px !important; }
            .table-scroll table, .data-table-wrapper table, .table-wrapper table, .table-responsive table { min-width: 560px; }
            .btn-primary, .btn-outline, .btn-sm { min-height: 40px; }
            .form-row { grid-template-columns: 1fr !important; }
        }
        @media (max-width: 360px) {
            .metric-grid { grid-template-columns: 1fr !important; }
            .table-scroll table, .data-table-wrapper table, .table-wrapper table, .table-responsive table { min-width: 520px; }
        }

        @media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
        @media(max-width:520px){.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-surface{padding:12px;min-height:100px}.metric-value{font-size:17px}.eligibility-card{align-items:flex-start;flex-direction:column}.filter-toolbar input,.filter-toolbar select{min-width:100%;}}


        .admin-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;margin:0 0 16px;border:1px solid #DDD6FE;border-radius:14px;background:linear-gradient(135deg,#F5F3FF,#FFFFFF);box-shadow:0 4px 14px rgba(91,33,182,.08);}
        .admin-page-toolbar-title{display:flex;align-items:center;gap:10px;color:#5B21B6;font-weight:800;font-size:12px;}
        .admin-page-toolbar-title i{font-size:17px;}
        .admin-page-toolbar-title small{display:block;color:#6B7280;font-size:10px;font-weight:500;margin-left:2px;}
        .admin-page-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;}
        .admin-nav-group{margin-bottom:4px;}
        .admin-nav-group .subnav-label{display:flex;align-items:center;gap:7px;}
        @media(max-width:640px){.admin-page-toolbar{align-items:flex-start;flex-direction:column}.admin-page-toolbar-actions{width:100%}.admin-page-toolbar-actions button{flex:1;min-width:145px;}}

        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html,
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            background: var(--page-bg);
            min-height: 100%;
            display: flex;
            overflow-x: hidden;
            overflow-y: auto;
            height: auto;
            width: 100%;
            transition: background 0.3s ease;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent;
        }

        
        .sidebar {
            position: fixed;
            top: 0;
            left: 0;
            width: var(--sidebar-width);
            height: 100vh;
            background: white;
            border-right: 1px solid var(--gray-200);
            display: none;
            flex-direction: column;
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 1000;
            overflow: hidden;
            box-shadow: var(--shadow-sm);
        }

        .sidebar.visible {
            display: flex;
        }

        .sidebar.open {
            transform: translateX(0);
        }

        .sidebar .sidebar-header {
            padding: 16px 20px;
            border-bottom: 1px solid var(--gray-200);
            display: flex;
            align-items: center;
            gap: 12px;
            min-height: var(--header-height);
            flex-shrink: 0;
        }

        .sidebar .sidebar-header .logo-icon {
            width: 36px;
            height: 36px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            overflow: hidden;
        }

        .sidebar .sidebar-header .logo-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .sidebar .sidebar-header .brand-text {
            font-size: 18px;
            font-weight: 800;
            color: var(--gray-900);
            letter-spacing: -0.5px;
            white-space: nowrap;
            overflow: hidden;
        }

        .sidebar .sidebar-header .brand-text span {
            background: var(--primary-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .sidebar .sidebar-header .brand-sub {
            font-size: 10px;
            color: var(--gray-400);
            font-weight: 500;
            display: block;
            margin-top: -2px;
        }

        .sidebar-toggle {
            background: none;
            border: none;
            color: var(--gray-500);
            font-size: 18px;
            cursor: pointer;
            padding: 4px 8px;
            border-radius: var(--radius-xs);
            transition: var(--transition);
            margin-left: auto;
            flex-shrink: 0;
        }

        .sidebar-toggle:hover {
            background: var(--gray-100);
            color: var(--gray-700);
        }

        .sidebar-nav {
            flex: 1;
            padding: 16px 12px;
            overflow-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
        }

        .sidebar-nav .nav-section {
            margin-bottom: 8px;
        }

        .sidebar-nav .nav-section .section-label {
            font-size: 11px;
            font-weight: 600;
            color: var(--gray-400);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            padding: 8px 12px 4px;
        }

        .sidebar-nav .nav-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 14px;
            border-radius: var(--radius-xs);
            color: var(--gray-600);
            text-decoration: none;
            cursor: pointer;
            transition: var(--transition);
            font-size: 14px;
            font-weight: 500;
            border: none;
            background: none;
            width: 100%;
            font-family: 'Inter', sans-serif;
            position: relative;
        }

        .sidebar-nav .nav-item:hover {
            background: var(--gray-100);
            color: var(--gray-800);
        }

        .sidebar-nav .nav-item.active {
            background: var(--primary);
            color: white;
            box-shadow: 0 4px 12px rgba(108, 60, 225, 0.3);
        }

        .sidebar-nav .nav-item.active:hover {
            background: var(--primary-dark);
        }

        .sidebar-nav .nav-item i {
            width: 20px;
            text-align: center;
            font-size: 16px;
            flex-shrink: 0;
        }

        .sidebar-nav .nav-item .nav-text {
            white-space: nowrap;
            overflow: hidden;
        }

        .sidebar-nav .nav-item .badge-count {
            margin-left: auto;
            background: var(--danger);
            color: white;
            font-size: 11px;
            font-weight: 700;
            padding: 1px 8px;
            border-radius: 20px;
            flex-shrink: 0;
        }

        .sidebar-nav .nav-item.active .badge-count {
            background: rgba(255, 255, 255, 0.25);
            color: white;
        }

        .sidebar-user {
            padding: 16px 20px;
            border-top: 1px solid var(--gray-200);
            display: flex;
            align-items: center;
            gap: 12px;
            flex-shrink: 0;
        }

        .sidebar-user .avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--primary-gradient);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 16px;
            flex-shrink: 0;
        }

        .sidebar-user .user-info {
            flex: 1;
            min-width: 0;
        }

        .sidebar-user .user-info .user-name {
            font-size: 14px;
            font-weight: 600;
            color: var(--gray-800);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .sidebar-user .user-info .user-role {
            font-size: 11px;
            color: var(--gray-400);
            font-weight: 500;
        }

        .sidebar-user .logout-btn {
            background: none;
            border: none;
            color: var(--gray-400);
            font-size: 16px;
            cursor: pointer;
            padding: 4px 8px;
            border-radius: var(--radius-xs);
            transition: var(--transition);
        }

        .sidebar-user .logout-btn:hover {
            background: #FEF2F2;
            color: var(--danger);
        }

        
        .sidebar-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.4);
            z-index: 999;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
        }

        .sidebar-overlay.show {
            display: block;
        }

        
        .main-wrapper {
            flex: 1;
            min-height: 100vh;
            transition: var(--transition);
            padding: 16px;
            width: 100%;
            height: auto;
            overflow: visible;
            -webkit-overflow-scrolling: touch;
        }

        .main-wrapper.with-sidebar {
            margin-left: var(--sidebar-width);
        }

        .main-wrapper::-webkit-scrollbar {
            width: 4px;
        }

        .main-wrapper::-webkit-scrollbar-track {
            background: transparent;
        }

        .main-wrapper::-webkit-scrollbar-thumb {
            background: var(--gray-300);
            border-radius: 10px;
        }

        
        .auth-container {
            background: white;
            border-radius: var(--radius);
            box-shadow: var(--shadow-xl);
            max-width: 440px;
            width: 100%;
            margin: 20px auto;
            padding: 32px 24px;
            position: relative;
            overflow: hidden;
        }

        .auth-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: var(--primary-gradient);
        }

        .auth-logo {
            text-align: center;
            margin-bottom: 28px;
        }

        .auth-logo .icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 56px;
            height: 56px;
            border-radius: 14px;
            margin-bottom: 12px;
            box-shadow: 0 8px 24px rgba(108, 60, 225, 0.3);
            overflow: hidden;
        }

        .auth-logo .icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .auth-logo h1 {
            font-size: 22px;
            font-weight: 800;
            color: var(--gray-900);
            letter-spacing: -0.5px;
        }

        .auth-logo h1 span {
            background: var(--primary-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .auth-logo p {
            font-size: 14px;
            color: var(--gray-500);
            margin-top: 4px;
        }

        .tab-buttons {
            display: flex;
            gap: 8px;
            margin-bottom: 24px;
            background: var(--gray-100);
            padding: 4px;
            border-radius: var(--radius-sm);
        }

        .tab-btn {
            flex: 1;
            padding: 10px;
            border: none;
            border-radius: var(--radius-xs);
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            background: transparent;
            color: var(--gray-500);
            font-family: 'Inter', sans-serif;
        }

        .tab-btn.active {
            background: white;
            color: var(--gray-900);
            box-shadow: var(--shadow);
        }

        .tab-btn:hover:not(.active) {
            color: var(--gray-700);
        }

        .tab-content {
            display: none;
            animation: fadeIn 0.4s ease;
        }

        .tab-content.active {
            display: block;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(8px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .form-group {
            margin-bottom: 16px;
        }

        .form-group label {
            display: block;
            font-size: 13px;
            font-weight: 600;
            color: var(--gray-700);
            margin-bottom: 5px;
        }

        .form-group .input-wrapper {
            position: relative;
        }

        .form-group .input-wrapper i {
            position: absolute;
            left: 14px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--gray-400);
            font-size: 16px;
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 12px 14px 12px 44px;
            border: 2px solid var(--gray-200);
            border-radius: var(--radius-xs);
            font-size: 14px;
            font-family: 'Inter', sans-serif;
            transition: var(--transition);
            background: white;
            color: var(--gray-800);
            -webkit-appearance: none;
            appearance: none;
        }

        .form-group textarea {
            padding-left: 14px;
            resize: vertical;
            min-height: 80px;
        }

        .form-group input:focus,
        .form-group select:focus,
        .form-group textarea:focus {
            border-color: var(--primary);
            outline: none;
            box-shadow: 0 0 0 4px rgba(108, 60, 225, 0.1);
        }

        .btn-primary {
            width: 100%;
            padding: 14px;
            background: var(--primary-gradient);
            color: white;
            border: none;
            border-radius: var(--radius-xs);
            font-size: 15px;
            font-weight: 700;
            cursor: pointer;
            transition: var(--transition);
            font-family: 'Inter', sans-serif;
        }

        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(108, 60, 225, 0.35);
        }

        .btn-secondary {
            width: 100%;
            padding: 14px;
            background: var(--secondary);
            color: white;
            border: none;
            border-radius: var(--radius-xs);
            font-size: 15px;
            font-weight: 700;
            cursor: pointer;
            transition: var(--transition);
            font-family: 'Inter', sans-serif;
        }

        .btn-secondary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(16, 185, 129, 0.35);
        }

        .btn-outline {
            width: 100%;
            padding: 14px;
            background: transparent;
            color: var(--primary);
            border: 2px solid var(--primary);
            border-radius: var(--radius-xs);
            font-size: 15px;
            font-weight: 700;
            cursor: pointer;
            transition: var(--transition);
            font-family: 'Inter', sans-serif;
        }

        .btn-outline:hover {
            background: var(--primary);
            color: white;
        }

        .btn-sm {
            padding: 8px 16px;
            font-size: 13px;
            width: auto;
            border-radius: var(--radius-xs);
            border: none;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            font-family: 'Inter', sans-serif;
        }

        .btn-success {
            background: var(--secondary);
            color: white;
        }

        .btn-success:hover {
            background: #059669;
        }

        .btn-danger {
            background: var(--danger);
            color: white;
        }

        .btn-danger:hover {
            background: #DC2626;
        }

        .btn-warning {
            background: var(--warning);
            color: white;
        }

        .btn-warning:hover {
            background: #D97706;
        }

        .btn-info {
            background: var(--info);
            color: white;
        }

        .btn-info:hover {
            background: #2563EB;
        }

        .alert {
            padding: 12px 16px;
            border-radius: var(--radius-xs);
            margin-bottom: 16px;
            font-size: 14px;
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }

        .alert i {
            margin-top: 2px;
            font-size: 16px;
            flex-shrink: 0;
        }

        .alert-success {
            background: #ECFDF5;
            color: #065F46;
            border: 1px solid #A7F3D0;
        }

        .alert-error {
            background: #FEF2F2;
            color: #991B1B;
            border: 1px solid #FECACA;
        }

        .alert-info {
            background: #EFF6FF;
            color: #1E40AF;
            border: 1px solid #BFDBFE;
        }

        .alert-warning {
            background: #FFFBEB;
            color: #92400E;
            border: 1px solid #FDE68A;
        }

        
        .dashboard-container {
            content-visibility: auto;
            contain-intrinsic-size: 800px;
            background: white;
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            width: 100%;
            padding: 0;
            position: relative;
            overflow: hidden;
        }

        .dashboard-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: var(--primary-gradient);
        }

        .dashboard-body {
            padding: 16px;
            max-height: none;
            overflow: visible;
            -webkit-overflow-scrolling: touch;
        }

        .dashboard-body::-webkit-scrollbar {
            width: 4px;
        }

        .dashboard-body::-webkit-scrollbar-track {
            background: transparent;
        }

        .dashboard-body::-webkit-scrollbar-thumb {
            background: var(--gray-300);
            border-radius: 10px;
        }

        .status-banner {
            padding: 12px 16px;
            border-radius: var(--radius-xs);
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 13px;
            font-weight: 500;
            margin-bottom: 16px;
        }

        .status-banner.warning {
            background: #FFFBEB;
            color: #92400E;
            border: 1px solid #FDE68A;
        }

        .status-banner.success {
            background: #ECFDF5;
            color: #065F46;
            border: 1px solid #A7F3D0;
        }

        .metrics-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
            gap: 12px;
            margin-bottom: 20px;
        }

        .metric-card {
            background: white;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-sm);
            padding: 16px;
            transition: var(--transition);
        }

        .metric-card:hover {
            border-color: var(--primary);
            box-shadow: var(--shadow);
        }

        .metric-card .metric-icon {
            width: 36px;
            height: 36px;
            border-radius: var(--radius-xs);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            margin-bottom: 8px;
        }

        .metric-card .metric-icon.purple {
            background: #EDE9FE;
            color: #5B21B6;
        }

        .metric-card .metric-icon.green {
            background: #D1FAE5;
            color: #059669;
        }

        .metric-card .metric-icon.orange {
            background: #FEF3C7;
            color: #D97706;
        }

        .metric-card .metric-icon.blue {
            background: #DBEAFE;
            color: #1D4ED8;
        }

        .metric-card .metric-value {
            font-size: 22px;
            font-weight: 800;
            color: var(--gray-900);
        }

        .metric-card .metric-label {
            font-size: 12px;
            color: var(--gray-500);
            margin-top: 2px;
        }

        
        .section-card {
            background: white;
            border-radius: var(--radius-sm);
            border: 1px solid var(--gray-200);
            padding: 16px;
            margin-bottom: 14px;
        }

        .section-card .section-title {
            font-size: 15px;
            font-weight: 700;
            color: var(--gray-800);
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .section-card .section-title i {
            color: var(--primary);
        }

        .info-row {
            display: flex;
            justify-content: space-between;
            padding: 6px 0;
            border-bottom: 1px solid var(--gray-100);
            flex-wrap: wrap;
            gap: 4px;
        }

        .info-row:last-child {
            border-bottom: none;
        }

        .info-row .label {
            color: var(--gray-500);
            font-size: 13px;
        }

        .info-row .value {
            font-weight: 600;
            color: var(--gray-800);
            font-size: 13px;
        }

        .info-row .value.positive {
            color: #059669;
        }

        .info-row .value.negative {
            color: #DC2626;
        }

        .balance-card {
            background: var(--primary-gradient);
            border-radius: var(--radius-sm);
            padding: 20px 24px;
            color: white;
            margin-bottom: 20px;
            position: relative;
            overflow: hidden;
        }

        .balance-card::after {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 200px;
            height: 200px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 50%;
        }

        .balance-card .balance-label {
            font-size: 14px;
            opacity: 0.8;
            font-weight: 500;
        }

        .balance-card .balance-amount {
            font-size: 30px;
            font-weight: 800;
            margin-top: 4px;
            letter-spacing: -1px;
            word-break: break-all;
        }

        .balance-card .balance-details {
            display: flex;
            gap: 16px;
            margin-top: 10px;
            font-size: 12px;
            opacity: 0.9;
            flex-wrap: wrap;
        }

        .balance-card .balance-details span {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .balance-card.inactive {
            background: linear-gradient(135deg, #6B7280, #9CA3AF);
            opacity: 0.6;
        }

        .quick-actions-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            gap: 10px;
            margin-bottom: 20px;
        }

        .quick-action-btn {
            padding: 14px;
            border-radius: var(--radius-xs);
            border: 1px solid var(--gray-200);
            background: white;
            text-align: center;
            cursor: pointer;
            transition: var(--transition);
            font-family: 'Inter', sans-serif;
        }

        .quick-action-btn:hover {
            border-color: var(--primary);
            box-shadow: var(--shadow);
            transform: translateY(-2px);
        }

        .quick-action-btn .icon {
            font-size: 20px;
            display: block;
            margin-bottom: 4px;
        }

        .quick-action-btn .label {
            font-size: 12px;
            font-weight: 600;
            color: var(--gray-700);
        }

        .loan-item {
            background: var(--gray-50);
            border-radius: var(--radius-xs);
            padding: 10px 14px;
            margin-bottom: 8px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            border-left: 4px solid var(--gray-300);
            gap: 8px;
        }

        .loan-item.active {
            border-left-color: var(--warning);
        }

        .loan-item.completed {
            border-left-color: var(--secondary);
        }

        .loan-item.rejected {
            border-left-color: var(--danger);
        }

        .loan-item.pending {
            border-left-color: var(--primary);
        }

        .loan-item.defaulted {
            border-left-color: var(--danger);
        }

        .loan-item .loan-info .amount {
            font-weight: 700;
            color: var(--gray-800);
        }

        .loan-item .loan-info .details {
            font-size: 11px;
            color: var(--gray-500);
        }

        .loan-item .loan-status {
            font-size: 10px;
            font-weight: 600;
            padding: 2px 10px;
            border-radius: 20px;
        }

        .loan-item .loan-status.active {
            background: #FEF3C7;
            color: #D97706;
        }

        .loan-item .loan-status.completed {
            background: #D1FAE5;
            color: #059669;
        }

        .loan-item .loan-status.pending {
            background: #EDE9FE;
            color: #5B21B6;
        }

        .loan-item .loan-status.rejected {
            background: #FEE2E2;
            color: #DC2626;
        }

        .loan-item .loan-status.defaulted {
            background: #FEE2E2;
            color: #DC2626;
        }

        .type-badge {
            font-size: 9px;
            font-weight: 600;
            padding: 2px 8px;
            border-radius: 20px;
            text-transform: uppercase;
            display: inline-block;
            margin-left: 4px;
        }

        .type-badge.active {
            background: #FEF3C7;
            color: #D97706;
        }

        .type-badge.completed {
            background: #D1FAE5;
            color: #059669;
        }

        .type-badge.pending {
            background: #EDE9FE;
            color: #5B21B6;
        }

        .type-badge.rejected {
            background: #FEE2E2;
            color: #DC2626;
        }

        .type-badge.defaulted {
            background: #FEE2E2;
            color: #DC2626;
        }

        .type-badge.registration {
            background: #EDE9FE;
            color: #5B21B6;
        }

        .type-badge.savings {
            background: #D1FAE5;
            color: #059669;
        }

        .type-badge.loan {
            background: #FEF3C7;
            color: #D97706;
        }

        .type-badge.withdrawal {
            background: #FEE2E2;
            color: #DC2626;
        }

        .type-badge.profile {
            background: #FEF3C7;
            color: #D97706;
        }

        .empty-state {
            text-align: center;
            padding: 30px 20px;
            color: var(--gray-400);
        }

        .empty-state i {
            font-size: 32px;
            margin-bottom: 10px;
            display: block;
        }

        .empty-state p {
            font-size: 14px;
        }

        
        .pending-section {
            margin-bottom: 14px;
        }

        .pending-section .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
            padding: 8px 0;
            cursor: pointer;
            border-bottom: 2px solid var(--gray-100);
            flex-wrap: wrap;
            gap: 8px;
        }

        .pending-section .section-header h3 {
            font-size: 14px;
            font-weight: 700;
            color: var(--gray-800);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .pending-section .section-header .count {
            background: var(--primary);
            color: white;
            padding: 2px 10px;
            border-radius: 20px;
            font-size: 11px;
        }

        .pending-section .section-header .toggle-icon {
            color: var(--gray-400);
            transition: var(--transition);
        }

        .pending-section .section-header .toggle-icon.open {
            transform: rotate(180deg);
        }

        .pending-item {
            background: white;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-xs);
            padding: 10px 14px;
            margin-bottom: 8px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
            transition: var(--transition);
        }

        .pending-item:hover {
            border-color: var(--primary);
            box-shadow: var(--shadow-sm);
        }

        .pending-item .info .name {
            font-weight: 600;
            color: var(--gray-800);
            font-size: 13px;
        }

        .pending-item .info .details {
            font-size: 11px;
            color: var(--gray-500);
            margin-top: 2px;
            word-break: break-word;
        }

        .pending-item .info .details i {
            margin-right: 4px;
        }

        .pending-item .actions {
            display: flex;
            gap: 6px;
            flex-wrap: wrap;
        }

        .pending-item .actions button {
            padding: 5px 12px;
            border: none;
            border-radius: var(--radius-xs);
            font-size: 11px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            font-family: 'Inter', sans-serif;
        }

        .pending-item .actions .approve {
            background: var(--secondary);
            color: white;
        }

        .pending-item .actions .approve:hover {
            background: #059669;
        }

        .pending-item .actions .reject {
            background: var(--danger);
            color: white;
        }

        .pending-item .actions .reject:hover {
            background: #DC2626;
        }

        
        .rights-table-container {
            background: white;
            border-radius: var(--radius-sm);
            border: 1px solid var(--gray-200);
            overflow: hidden;
            margin-bottom: 14px;
        }

        .rights-table-container .table-header {
            padding: 12px 16px;
            background: var(--gray-50);
            border-bottom: 1px solid var(--gray-200);
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
        }

        .rights-table-container .table-header h3 {
            font-size: 14px;
            font-weight: 700;
            color: var(--gray-800);
        }

        .rights-table-container .table-header .search-box {
            display: flex;
            align-items: center;
            gap: 8px;
            flex: 1;
            min-width: 150px;
        }

        .rights-table-container .table-header .search-box input {
            padding: 6px 12px;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-xs);
            font-size: 13px;
            font-family: 'Inter', sans-serif;
            width: 100%;
        }

        .rights-table-container .table-header .search-box input:focus {
            border-color: var(--primary);
            outline: none;
        }

        .rights-table-wrapper {
            overflow-x: auto;
            padding: 0 12px 12px;
            -webkit-overflow-scrolling: touch;
        }

        .rights-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 11px;
            min-width: 600px;
        }

        .rights-table th {
            text-align: left;
            padding: 8px 6px;
            font-weight: 600;
            color: var(--gray-500);
            border-bottom: 2px solid var(--gray-200);
            white-space: nowrap;
            font-size: 9px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .rights-table td {
            padding: 6px 6px;
            border-bottom: 1px solid var(--gray-100);
            vertical-align: middle;
        }

        .rights-table tr:hover td {
            background: var(--gray-50);
        }

        .role-badge {
            font-size: 9px;
            font-weight: 600;
            padding: 2px 8px;
            border-radius: 20px;
            display: inline-block;
        }

        .role-badge.super_admin {
            background: #EDE9FE;
            color: #5B21B6;
        }

        .role-badge.admin {
            background: #EDE9FE;
            color: #5B21B6;
        }

        .role-badge.treasurer {
            background: #D1FAE5;
            color: #059669;
        }

        .role-badge.customer_care {
            background: #DBEAFE;
            color: #1D4ED8;
        }

        .role-badge.profile_approver {
            background: #FEF3C7;
            color: #D97706;
        }

        .role-badge.member {
            background: var(--gray-100);
            color: var(--gray-500);
        }

        
        .switch {
            position: relative;
            display: inline-block;
            width: 32px;
            height: 18px;
            flex-shrink: 0;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

        .switch .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: var(--gray-300);
            transition: 0.3s;
            border-radius: 20px;
        }

        .switch .slider:before {
            position: absolute;
            content: '';
            height: 12px;
            width: 12px;
            left: 3px;
            bottom: 3px;
            background: white;
            transition: 0.3s;
            border-radius: 50%;
        }

        .switch input:checked + .slider {
            background: var(--secondary);
        }

        .switch input:checked + .slider:before {
            transform: translateX(14px);
        }

        .switch input:disabled + .slider {
            opacity: 0.5;
            cursor: not-allowed;
        }

        
        .repayment-table-container {
            background: white;
            border-radius: var(--radius-sm);
            border: 1px solid var(--gray-200);
            overflow: hidden;
            margin-bottom: 14px;
        }

        .repayment-table-container .table-header {
            padding: 12px 16px;
            background: var(--gray-50);
            border-bottom: 1px solid var(--gray-200);
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
        }

        .repayment-table-container .table-header h3 {
            font-size: 14px;
            font-weight: 700;
            color: var(--gray-800);
        }

        .repayment-table-container .table-header .filter-box {
            display: flex;
            gap: 8px;
            align-items: center;
            flex-wrap: wrap;
        }

        .repayment-table-container .table-header .filter-box select,
        .repayment-table-container .table-header .filter-box input {
            padding: 5px 10px;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-xs);
            font-size: 12px;
            font-family: 'Inter', sans-serif;
        }

        .repayment-table-container .table-header .filter-box select:focus,
        .repayment-table-container .table-header .filter-box input:focus {
            border-color: var(--primary);
            outline: none;
        }

        .repayment-table-wrapper {
            overflow-x: auto;
            padding: 0 12px 12px;
            -webkit-overflow-scrolling: touch;
        }

        .repayment-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 11px;
            min-width: 500px;
        }

        .repayment-table th {
            text-align: left;
            padding: 8px 6px;
            font-weight: 600;
            color: var(--gray-500);
            border-bottom: 2px solid var(--gray-200);
            white-space: nowrap;
            font-size: 9px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .repayment-table td {
            padding: 6px 6px;
            border-bottom: 1px solid var(--gray-100);
            vertical-align: middle;
        }

        .repayment-table tr:hover td {
            background: var(--gray-50);
        }

        .repayment-table .amount.credit {
            color: #059669;
        }

        .repayment-table .amount.debit {
            color: #DC2626;
        }

        
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 2000;
            padding: 16px;
            animation: fadeIn 0.3s ease;
        }

        .modal {
            background: white;
            border-radius: var(--radius);
            max-width: 600px;
            width: 100%;
            max-height: 90vh;
            overflow-y: auto;
            padding: 24px 20px;
            animation: slideUp 0.3s ease;
            box-shadow: var(--shadow-xl);
            -webkit-overflow-scrolling: touch;
        }

        .modal::-webkit-scrollbar {
            width: 4px;
        }

        .modal::-webkit-scrollbar-track {
            background: transparent;
        }

        .modal::-webkit-scrollbar-thumb {
            background: var(--gray-300);
            border-radius: 10px;
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(20px) scale(0.98);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        .modal .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16px;
            gap: 10px;
        }

        .modal .modal-header h2 {
            font-size: 18px;
            font-weight: 700;
            color: var(--gray-900);
        }

        .modal .modal-header .close-btn {
            background: none;
            border: none;
            font-size: 18px;
            color: var(--gray-400);
            cursor: pointer;
            padding: 4px 8px;
            border-radius: 8px;
            transition: var(--transition);
        }

        .modal .modal-header .close-btn:hover {
            background: var(--gray-100);
            color: var(--gray-700);
        }

        .modal .info-box {
            background: var(--gray-50);
            padding: 10px 14px;
            border-radius: var(--radius-xs);
            margin-bottom: 14px;
            font-size: 13px;
            color: var(--gray-600);
        }

        .modal .info-box strong {
            color: var(--gray-800);
        }

        .modal .info-box .highlight {
            color: var(--primary);
            font-weight: 700;
        }

        .modal .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }

        .mpesa-info {
            background: var(--gray-50);
            padding: 10px 14px;
            border-radius: var(--radius-xs);
            margin-bottom: 14px;
            font-size: 13px;
        }

        .mpesa-info .highlight {
            font-weight: 700;
            color: var(--primary);
        }

        
        .confirm-dialog {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 3000;
            padding: 16px;
            animation: fadeIn 0.3s ease;
        }

        .confirm-dialog .dialog-box {
            background: white;
            border-radius: var(--radius);
            max-width: 420px;
            width: 100%;
            padding: 28px 24px;
            box-shadow: var(--shadow-xl);
            animation: slideUp 0.3s ease;
        }

        .confirm-dialog .dialog-box .dialog-icon {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: #FEF3C7;
            color: #D97706;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            margin: 0 auto 12px;
        }

        .confirm-dialog .dialog-box .dialog-icon.danger {
            background: #FEE2E2;
            color: #DC2626;
        }

        .confirm-dialog .dialog-box .dialog-icon.success {
            background: #D1FAE5;
            color: #059669;
        }

        .confirm-dialog .dialog-box .dialog-title {
            font-size: 18px;
            font-weight: 700;
            color: var(--gray-900);
            text-align: center;
            margin-bottom: 8px;
        }

        .confirm-dialog .dialog-box .dialog-message {
            font-size: 14px;
            color: var(--gray-500);
            text-align: center;
            margin-bottom: 20px;
            line-height: 1.6;
        }

        .confirm-dialog .dialog-box .dialog-actions {
            display: flex;
            gap: 10px;
        }

        .confirm-dialog .dialog-box .dialog-actions .btn-cancel {
            flex: 1;
            padding: 12px;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-xs);
            background: white;
            color: var(--gray-700);
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            font-family: 'Inter', sans-serif;
        }

        .confirm-dialog .dialog-box .dialog-actions .btn-cancel:hover {
            background: var(--gray-50);
        }

        .confirm-dialog .dialog-box .dialog-actions .btn-confirm {
            flex: 1;
            padding: 12px;
            border: none;
            border-radius: var(--radius-xs);
            background: var(--primary-gradient);
            color: white;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            font-family: 'Inter', sans-serif;
        }

        .confirm-dialog .dialog-box .dialog-actions .btn-confirm:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(108, 60, 225, 0.35);
        }

        .confirm-dialog .dialog-box .dialog-actions .btn-confirm.danger {
            background: linear-gradient(135deg, #EF4444, #DC2626);
        }

        .confirm-dialog .dialog-box .dialog-actions .btn-confirm.danger:hover {
            box-shadow: 0 8px 24px rgba(239, 68, 68, 0.35);
        }

        .confirm-dialog .dialog-box .dialog-actions .btn-confirm.success {
            background: linear-gradient(135deg, #10B981, #059669);
        }

        .confirm-dialog .dialog-box .dialog-actions .btn-confirm.success:hover {
            box-shadow: 0 8px 24px rgba(16, 185, 129, 0.35);
        }

        
        .toast-notification {
            position: fixed;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            padding: 14px 24px;
            border-radius: var(--radius-xs);
            font-size: 14px;
            font-weight: 600;
            box-shadow: var(--shadow-lg);
            z-index: 9999;
            animation: fadeIn 0.3s ease;
            max-width: 90%;
            text-align: center;
            font-family: 'Inter', sans-serif;
            color: white;
        }

        
        .mobile-menu-toggle {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: var(--primary-gradient);
            color: white;
            border: none;
            font-size: 20px;
            cursor: pointer;
            box-shadow: 0 4px 20px rgba(108, 60, 225, 0.4);
            z-index: 1001;
            transition: var(--transition);
            align-items: center;
            justify-content: center;
        }

        .mobile-menu-toggle:hover {
            transform: scale(1.05);
        }

        .mobile-menu-toggle.hidden {
            display: none !important;
        }

        .auth-links {
            text-align: center;
            margin-top: 14px;
        }

        .auth-links a {
            color: var(--primary);
            text-decoration: none;
            font-size: 13px;
            font-weight: 500;
        }

        .auth-links a:hover {
            text-decoration: underline;
        }

        .auth-footer {
            text-align: center;
            margin-top: 20px;
            font-size: 11px;
            color: var(--gray-400);
        }

        
        .chat-container {
            background: white;
            border-radius: var(--radius-sm);
            border: 1px solid var(--gray-200);
            overflow: hidden;
            margin-bottom: 14px;
            max-height: 500px;
            display: flex;
            flex-direction: column;
        }

        .chat-header {
            padding: 12px 16px;
            background: var(--gray-50);
            border-bottom: 1px solid var(--gray-200);
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
        }

        .chat-header h3 {
            font-size: 14px;
            font-weight: 700;
            color: var(--gray-800);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .chat-messages {
            flex: 1;
            padding: 12px 16px;
            overflow-y: auto;
            max-height: 350px;
            -webkit-overflow-scrolling: touch;
        }

        .chat-message {
            padding: 8px 12px;
            border-radius: var(--radius-xs);
            margin-bottom: 6px;
            max-width: 85%;
            word-break: break-word;
        }

        .chat-message.sent {
            background: var(--primary);
            color: white;
            margin-left: auto;
            border-bottom-right-radius: 2px;
        }

        .chat-message.received {
            background: var(--gray-100);
            color: var(--gray-800);
            margin-right: auto;
            border-bottom-left-radius: 2px;
        }

        .chat-message .time {
            font-size: 9px;
            opacity: 0.7;
            margin-top: 2px;
            display: block;
        }

        .chat-message .sender {
            font-size: 10px;
            font-weight: 600;
            margin-bottom: 2px;
            display: block;
        }

        .chat-input-area {
            padding: 10px 16px;
            border-top: 1px solid var(--gray-200);
            display: flex;
            gap: 8px;
        }

        .chat-input-area input {
            flex: 1;
            padding: 8px 14px;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-xs);
            font-size: 13px;
            font-family: 'Inter', sans-serif;
            background: white;
            color: var(--gray-800);
        }

        .chat-input-area input:focus {
            border-color: var(--primary);
            outline: none;
        }

        .chat-input-area button {
            padding: 8px 16px;
            background: var(--primary);
            color: white;
            border: none;
            border-radius: var(--radius-xs);
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            font-family: 'Inter', sans-serif;
            white-space: nowrap;
        }

        .chat-input-area button:hover {
            background: var(--primary-dark);
        }

        .chat-empty {
            text-align: center;
            padding: 30px 20px;
            color: var(--gray-400);
        }

        .chat-empty i {
            font-size: 32px;
            display: block;
            margin-bottom: 10px;
        }

        
        @media (max-width: 1024px) {
            .metrics-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            .quick-actions-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 768px) {
            .sidebar {
                width: 280px;
                transform: translateX(-100%);
                display: flex !important;
                border-radius: 0;
            }

            .sidebar.open {
                transform: translateX(0);
            }

            .sidebar.visible {
                display: flex !important;
            }

            .main-wrapper.with-sidebar {
                margin-left: 0;
            }

            .mobile-menu-toggle {
                display: flex !important;
            }

            .metrics-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }

            .quick-actions-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .balance-card .balance-amount {
                font-size: 24px;
            }

            .modal {
                padding: 20px 16px;
                max-width: 100%;
                margin: 10px;
            }

            .modal .form-row {
                grid-template-columns: 1fr;
            }

            .dashboard-body {
                padding: 12px;
            }

            .auth-container {
                padding: 24px 16px;
                margin: 10px auto;
            }

            .confirm-dialog .dialog-box {
                padding: 24px 20px;
            }

            .chat-message {
                max-width: 95%;
            }
        }

        @media (max-width: 480px) {
            .metrics-grid {
                grid-template-columns: 1fr 1fr;
                gap: 8px;
            }

            .quick-actions-grid {
                grid-template-columns: 1fr 1fr;
                gap: 8px;
            }

            .balance-card .balance-amount {
                font-size: 20px;
            }

            .balance-card .balance-details {
                flex-direction: column;
                gap: 4px;
            }

            .metric-card .metric-value {
                font-size: 18px;
            }

            .auth-container {
                padding: 20px 14px;
                margin: 8px auto;
            }

            .auth-logo h1 {
                font-size: 18px;
            }

            .tab-btn {
                font-size: 12px;
                padding: 8px;
            }

            .form-group input,
            .form-group select {
                padding: 10px 12px 10px 38px;
                font-size: 13px;
            }

            .btn-primary,
            .btn-secondary,
            .btn-outline {
                padding: 12px;
                font-size: 13px;
            }

            .modal .modal-header h2 {
                font-size: 16px;
            }

            .modal {
                padding: 16px 12px;
            }

            .confirm-dialog .dialog-box {
                padding: 20px 16px;
            }

            .confirm-dialog .dialog-box .dialog-title {
                font-size: 16px;
            }

            .confirm-dialog .dialog-box .dialog-message {
                font-size: 13px;
            }

            .chat-message {
                max-width: 100%;
            }
        }

        @media (max-width: 360px) {
            .metrics-grid {
                grid-template-columns: 1fr;
            }

            .quick-actions-grid {
                grid-template-columns: 1fr 1fr;
            }

            .auth-container {
                padding: 16px 12px;
            }

            .tab-buttons {
                flex-direction: column;
                gap: 4px;
            }

            .balance-card .balance-amount {
                font-size: 18px;
            }
        }
    
        
        .welcome-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#4f24b8,#7c3aed);color:#fff;margin-bottom:16px;box-shadow:0 12px 28px rgba(79,36,184,.18)}
        .welcome-kicker{font-size:12px;opacity:.78;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
        .welcome-title{font-size:26px;line-height:1.15;font-weight:800;margin-top:4px}
        .welcome-sub{font-size:13px;opacity:.86;margin-top:7px}
        .member-code-card{min-width:205px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);padding:13px 15px;border-radius:14px;backdrop-filter:blur(8px)}
        .member-code-card .code-label{font-size:10px;text-transform:uppercase;opacity:.75;letter-spacing:.08em}.member-code-card .code{font-size:20px;font-weight:900;letter-spacing:1px;margin-top:4px}.member-code-card .code-name{font-size:11px;opacity:.8;margin-top:3px}
        .exec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.exec-stat{padding:15px;border:1px solid var(--gray-200);border-radius:14px;background:var(--gray-50)}.exec-stat .v{font-size:21px;font-weight:800;margin-top:4px}.exec-stat .l{font-size:11px;color:var(--gray-500)}
        .trend-wrap{display:flex;align-items:flex-end;gap:8px;height:190px;padding:14px 4px 0;border-bottom:1px solid var(--gray-200)}.trend-col{flex:1;min-width:12px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.trend-bar{width:100%;max-width:28px;border-radius:6px 6px 0 0;background:var(--primary);min-height:3px}.trend-label{font-size:9px;color:var(--gray-500);white-space:nowrap}.trend-value{font-size:8px;color:var(--gray-500);height:10px}
        .report-actions{display:flex;gap:8px;flex-wrap:wrap}.report-actions .btn-sm{min-width:140px}.member-id-badge{display:inline-flex;align-items:center;gap:7px;background:#F3E8FF;color:#6B21A8;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}
        @media(max-width:900px){.exec-grid{grid-template-columns:repeat(2,1fr)}.welcome-hero{align-items:flex-start;flex-direction:column}.member-code-card{width:100%}}
        @media(max-width:520px){.exec-grid{grid-template-columns:1fr 1fr}.welcome-title{font-size:21px}.main-wrapper{padding:9px}.dashboard-body{padding:11px}.metric-card{padding:12px}}


        
        .site-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:7px}
        .public-hero{padding:34px;background:linear-gradient(135deg,#0f172a 0%,#164e63 52%,#0f766e 100%);border-radius:22px;color:#fff;position:relative;overflow:hidden;box-shadow:0 16px 40px rgba(15,23,42,.16)}
        .public-hero:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-110px;background:rgba(255,255,255,.08)}
        .public-hero h1{font-size:34px;line-height:1.12;margin:0 0 12px;font-weight:900;max-width:760px}.public-hero p{max-width:720px;line-height:1.75;color:rgba(255,255,255,.84);font-size:14px;margin:0}
        .public-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.public-action{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;padding:10px 15px;border-radius:10px;font-weight:800;cursor:pointer}.public-action.primary{background:#fff;color:#0f172a}
        .site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.site-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:20px;box-shadow:0 5px 18px rgba(15,23,42,.05)}.site-card .site-icon{width:42px;height:42px;border-radius:12px;background:#ecfeff;color:#0f766e;display:flex;align-items:center;justify-content:center;margin-bottom:13px}.site-card h3{margin:0 0 7px;font-size:15px}.site-card p{margin:0;color:var(--gray-600);font-size:12px;line-height:1.7}.project-card{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,23,42,.08)}
        .site-nav-group{position:relative}.site-nav-caret{margin-left:auto;font-size:10px;transition:transform .2s}.site-nav-group.open .site-nav-caret{transform:rotate(180deg)}
        .project-subnav{display:none;padding:4px 0 6px}.site-nav-group.open .project-subnav{display:block}.project-subnav .nav-item{padding-left:38px;font-size:12px;gap:9px}.project-subnav .nav-item .nav-text{white-space:nowrap;overflow:visible;text-overflow:clip;min-width:0}.project-subnav .nav-item i{width:18px;font-size:14px}.project-subnav .nav-item{letter-spacing:-0.15px}
        .section-label.brand-section{color:#94a3b8;font-weight:800;letter-spacing:.1em}
        .public-note{margin-top:18px;padding:15px 17px;border-radius:14px;background:#f0fdfa;border:1px solid #ccfbf1;color:#115e59;font-size:12px;line-height:1.65}
        .auth-back-row{display:flex;justify-content:flex-start;max-width:460px;margin:0 auto 12px}.auth-back-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);padding:9px 13px;border-radius:10px;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.04)}.auth-back-btn:hover{background:var(--gray-50)}
        .secure-nav-title{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-500);padding:4px 12px 8px}.secure-subnav .nav-item{padding-left:38px;font-size:12px}
        @media(max-width:560px){.auth-back-row{margin-left:8px;margin-right:8px}.auth-back-btn{width:100%;justify-content:center;padding:11px 13px}}
@media(max-width:1100px) and (min-width:769px){
    .sidebar{width:240px}
    .project-subnav .nav-item{padding-left:34px;font-size:11.5px;gap:8px}
    .project-subnav .nav-item i{width:17px;font-size:13px}
}

        .contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-item{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid var(--gray-200);border-radius:14px;background:#fff}.contact-item i{color:var(--primary);margin-top:2px}.contact-item strong{display:block;font-size:12px}.contact-item span{display:block;color:var(--gray-600);font-size:12px;margin-top:4px}
        @media(max-width:900px){.site-grid{grid-template-columns:1fr 1fr}.public-hero h1{font-size:28px}}
        @media(max-width:560px){.site-grid,.contact-list{grid-template-columns:1fr}.public-hero{padding:24px 20px}.public-hero h1{font-size:24px}}

    
.content-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.content-editor-card{padding:20px}.content-editor-card .form-group{margin-bottom:0}.content-editor-card input.form-control,.content-editor-card textarea.form-control{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:10px;padding:11px 12px;font-size:12px;background:#fff;color:#101828}.content-editor-card textarea.form-control{resize:vertical;line-height:1.55}.content-editor-card input.form-control:focus,.content-editor-card textarea.form-control:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px rgba(20,184,166,.1)}@media(max-width:700px){.content-editor-grid{grid-template-columns:1fr}}

.member-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;background:rgba(255,255,255,.96);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:35;backdrop-filter:blur(12px);box-shadow:0 3px 16px rgba(15,23,42,.04)}
.member-topbar-left{min-width:0}.member-page-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:3px}.member-page-title{font-size:19px;font-weight:900;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-page-subtitle{font-size:11px;color:var(--gray-500);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar-icon-btn{position:relative;width:42px;height:42px;border:1px solid #e5e7eb;background:#fff;border-radius:12px;color:#475467;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s ease}.topbar-icon-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.topbar-badge{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#dc2626;color:#fff;border:2px solid #fff;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center}
.account-wrap{position:relative}.account-trigger{display:flex;align-items:center;gap:9px;padding:4px 8px 4px 5px;border:1px solid #e5e7eb;background:#fff;border-radius:14px;cursor:pointer}.account-trigger:hover{background:#f8fafc}.account-avatar{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.account-trigger-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.account-trigger-name{font-size:11px;font-weight:900;color:#111827;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-trigger-role{font-size:9px;color:#667085;margin-top:3px}.account-chevron{font-size:9px;color:#98a2b3;margin-left:3px;transition:transform .18s}.account-wrap.open .account-chevron{transform:rotate(180deg)}
.account-menu{position:absolute;right:0;top:calc(100% + 9px);width:205px;background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:7px;box-shadow:0 18px 45px rgba(15,23,42,.14);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s ease;z-index:80}.account-wrap.open .account-menu{opacity:1;visibility:visible;transform:translateY(0)}.account-menu-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#98a2b3;padding:8px 10px 6px}.account-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;background:transparent;border-radius:10px;color:#344054;font-size:11px;font-weight:800;text-align:left;cursor:pointer}.account-menu button:hover{background:#f2f4f7}.account-menu button i{width:17px;text-align:center;color:#0f766e}.account-menu .danger{color:#b42318}.account-menu .danger i{color:#b42318}.member-topbar-public{display:none}
body.dark-mode .member-topbar,body.dark-mode .topbar-icon-btn,body.dark-mode .account-trigger,body.dark-mode .account-menu{background:#1e293b;border-color:#374151}body.dark-mode .member-page-title,body.dark-mode .account-trigger-name{color:#f8fafc}body.dark-mode .account-menu button{color:#e2e8f0}
@media(max-width:680px){.member-topbar{padding:11px 14px}.member-page-title{font-size:16px}.member-page-subtitle{display:none}.account-trigger-text,.account-chevron{display:none}.account-trigger{padding:4px}.topbar-icon-btn{width:39px;height:39px}.member-topbar-actions{gap:6px}}




        
        .hierarchy-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:inherit;padding:10px 12px;margin:2px 0;cursor:pointer;font:inherit;text-align:left;border-radius:10px;}
        .hierarchy-toggle:hover{background:rgba(108,60,225,.08);}
        .hierarchy-toggle .hierarchy-title{display:flex;align-items:center;gap:9px;font-weight:700;}
        .hierarchy-toggle .hierarchy-chevron{font-size:11px;transition:transform .2s ease;}
        .hierarchy-toggle[aria-expanded="true"] .hierarchy-chevron{transform:rotate(90deg);}
        .secure-nav-group.nested{margin-left:14px;padding-left:10px;border-left:2px solid rgba(108,60,225,.14);}
        .secure-nav-group.collapsed > .secure-nav-title + .hierarchy-children{display:none;}
        .admin-nav-group .hierarchy-children{margin-left:8px;}
        .admin-nav-group.collapsed .hierarchy-children{display:none;}
        .hierarchy-children{transition:all .2s ease;}

#publicHomeContent #public-home{max-width:none!important;margin:0!important;padding:0 0 70px!important;overflow:hidden!important;background:#f7f9fc!important}
#publicHomeContent #public-home>section{position:relative!important;isolation:isolate!important;overflow:hidden!important;max-width:none!important;margin:0!important;border-radius:0!important;border:0!important;box-shadow:none!important;background-repeat:no-repeat!important;background-attachment:scroll!important;background-size:cover!important;background-position:center!important}
#publicHomeContent #public-home>section>*{position:relative;z-index:2}
#publicHomeContent #public-home>section:first-of-type{min-height:560px;display:grid!important;align-items:center!important;padding:92px clamp(24px,7vw,110px) 86px!important;background-image:linear-gradient(90deg,rgba(7,18,36,.96) 0%,rgba(7,18,36,.86) 38%,rgba(7,18,36,.50) 62%,rgba(7,18,36,.10) 100%),url('assets/images/client-poultry-01.jpeg')!important;background-position:center,center right!important;background-size:cover,cover!important}
#publicHomeContent #public-home>section:first-of-type h1,#publicHomeContent #public-home>section:first-of-type p,#publicHomeContent #public-home>section:first-of-type strong,#publicHomeContent #public-home>section:first-of-type div{color:#fff!important}
#publicHomeContent #public-home>section:first-of-type>div:first-child{max-width:780px!important}
#publicHomeContent #public-home>section:first-of-type>div:last-child{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.24)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 22px 55px rgba(0,0,0,.20)!important}
#publicHomeContent #public-home>section:nth-of-type(2){padding-left:clamp(24px,7vw,110px)!important;padding-right:clamp(24px,7vw,110px)!important;background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 43%,rgba(255,255,255,.60) 68%,rgba(255,255,255,.10) 100%),url('assets/images/client-water-collection-01.jpeg')!important;background-position:center,right center!important;background-size:cover,cover!important}
#publicHomeContent #public-home>section:nth-of-type(3){padding-left:clamp(24px,7vw,110px)!important;padding-right:clamp(24px,7vw,110px)!important;background:linear-gradient(135deg,#071426,#17304c)!important}
#publicHomeContent #public-home>section:nth-of-type(3) h2,#publicHomeContent #public-home>section:nth-of-type(3) p,#publicHomeContent #public-home>section:nth-of-type(3) strong,#publicHomeContent #public-home>section:nth-of-type(3) div:not(.site-card){color:#fff!important}
#publicHomeContent #public-home>section:nth-of-type(4){padding-left:clamp(24px,7vw,110px)!important;padding-right:clamp(24px,7vw,110px)!important;background:#fff!important}
#publicHomeContent #public-home>section:not(:first-of-type){box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(15,23,42,.06)!important}
#publicHomeContent #public-home .site-card{background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 14px 35px rgba(8,20,35,.12)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
#publicHomeContent #public-home .site-card h3,#publicHomeContent #public-home .site-card h4,#publicHomeContent #public-home .site-card p,#publicHomeContent #public-home .site-card div,#publicHomeContent #public-home .site-card span{color:#172033!important}
#publicHomeContent #public-home a,#publicHomeContent #public-home button{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
#publicHomeContent #public-home button:hover{transform:translateY(-2px)!important;filter:brightness(1.04);box-shadow:0 10px 22px rgba(0,0,0,.12)!important}
@media(max-width:900px){#publicHomeContent #public-home>section:first-of-type{min-height:auto!important;padding-top:72px!important;padding-bottom:70px!important}}
@media(max-width:680px){#publicHomeContent #public-home>section{background-position:center!important}#publicHomeContent #public-home>section:first-of-type{padding:58px 20px 52px!important;background-position:center,65% center!important}#publicHomeContent #public-home>section:first-of-type>div:last-child{margin-top:22px!important}#publicHomeContent #public-home>section:nth-of-type(2),#publicHomeContent #public-home>section:nth-of-type(3),#publicHomeContent #public-home>section:nth-of-type(4){padding-left:20px!important;padding-right:20px!important}#publicHomeContent #public-home>section:nth-of-type(2){background-image:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.84)),url('assets/images/client-water-collection-01.jpeg')!important;background-position:center!important}#publicHomeContent #public-home>section:nth-of-type(3){background:linear-gradient(180deg,#071426,#17304c)!important}}

#publicHomeContent #public-home > section{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background-repeat:no-repeat !important;
  background-attachment:scroll !important;
}
#publicHomeContent #public-home > section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
}
#publicHomeContent #public-home > section > *{position:relative !important;z-index:3 !important;}


#publicHomeContent #public-home > section:first-of-type{
  background-image:url('assets/images/client-poultry-01.jpeg') !important;
  background-position:center right !important;
  background-size:cover !important;
}
#publicHomeContent #public-home > section:first-of-type::before{
  background:linear-gradient(90deg,
    rgba(5,20,39,.97) 0%,
    rgba(5,20,39,.92) 27%,
    rgba(5,20,39,.76) 45%,
    rgba(5,20,39,.38) 63%,
    rgba(5,20,39,.08) 82%,
    rgba(5,20,39,.02) 100%) !important;
}
#publicHomeContent #public-home > section:first-of-type h1,
#publicHomeContent #public-home > section:first-of-type h2,
#publicHomeContent #public-home > section:first-of-type h3,
#publicHomeContent #public-home > section:first-of-type p,
#publicHomeContent #public-home > section:first-of-type strong,
#publicHomeContent #public-home > section:first-of-type span,
#publicHomeContent #public-home > section:first-of-type div{color:#fff !important;}


#publicHomeContent #public-home > section:nth-of-type(2),
#publicHomeContent #public-home > section:nth-of-type(4),
#publicHomeContent #public-home > section:nth-of-type(6),
#publicHomeContent #public-home > section:nth-of-type(8){
  background-size:cover !important;
  background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(2){
  background-image:url('assets/images/client-water-collection-01.jpeg') !important;
}
#publicHomeContent #public-home > section:nth-of-type(4){
  background-image:url('assets/images/client-community-transport-01.jpeg') !important;
}
#publicHomeContent #public-home > section:nth-of-type(6){
  background-image:url('assets/images/client-water-collection-01.jpeg') !important;
}
#publicHomeContent #public-home > section:nth-of-type(8){
  background-image:url('assets/images/client-poultry-01.jpeg') !important;
}
#publicHomeContent #public-home > section:nth-of-type(2)::before,
#publicHomeContent #public-home > section:nth-of-type(4)::before,
#publicHomeContent #public-home > section:nth-of-type(6)::before,
#publicHomeContent #public-home > section:nth-of-type(8)::before{
  background:linear-gradient(90deg,
    rgba(255,255,255,.99) 0%,
    rgba(255,255,255,.98) 28%,
    rgba(255,255,255,.94) 43%,
    rgba(255,255,255,.78) 56%,
    rgba(255,255,255,.40) 70%,
    rgba(255,255,255,.12) 84%,
    rgba(255,255,255,.02) 100%) !important;
}
#publicHomeContent #public-home > section:nth-of-type(2) h2,
#publicHomeContent #public-home > section:nth-of-type(2) h3,
#publicHomeContent #public-home > section:nth-of-type(2) p,
#publicHomeContent #public-home > section:nth-of-type(2) strong,
#publicHomeContent #public-home > section:nth-of-type(4) h2,
#publicHomeContent #public-home > section:nth-of-type(4) h3,
#publicHomeContent #public-home > section:nth-of-type(4) p,
#publicHomeContent #public-home > section:nth-of-type(4) strong,
#publicHomeContent #public-home > section:nth-of-type(6) h2,
#publicHomeContent #public-home > section:nth-of-type(6) h3,
#publicHomeContent #public-home > section:nth-of-type(6) p,
#publicHomeContent #public-home > section:nth-of-type(6) strong,
#publicHomeContent #public-home > section:nth-of-type(8) h2,
#publicHomeContent #public-home > section:nth-of-type(8) h3,
#publicHomeContent #public-home > section:nth-of-type(8) p,
#publicHomeContent #public-home > section:nth-of-type(8) strong{color:#102a43 !important;}


#publicHomeContent #public-home > section:nth-of-type(3){
  background-image:
    url('assets/images/client-water-jerrycans-01.jpeg'),
    url('assets/images/client-community-transport-01.jpeg'),
    url('assets/images/client-water-equipment-01.jpeg'),
    url('assets/images/client-poultry-01.jpeg') !important;
  background-size:25% 100%,25% 100%,25% 100%,25% 100% !important;
  background-position:0 0,33.333% 0,66.666% 0,100% 0 !important;
}
#publicHomeContent #public-home > section:nth-of-type(3)::before{
  background:linear-gradient(90deg,
    rgba(4,20,37,.97) 0%,
    rgba(4,20,37,.90) 24%,
    rgba(4,20,37,.72) 39%,
    rgba(4,20,37,.36) 52%,
    rgba(4,20,37,.14) 70%,
    rgba(4,20,37,.06) 100%) !important;
}
#publicHomeContent #public-home > section:nth-of-type(3) h2,
#publicHomeContent #public-home > section:nth-of-type(3) h3,
#publicHomeContent #public-home > section:nth-of-type(3) p,
#publicHomeContent #public-home > section:nth-of-type(3) strong,
#publicHomeContent #public-home > section:nth-of-type(3) span{color:#fff !important;}


#publicHomeContent #public-home .site-card,
#publicHomeContent #public-home .site-card *{
  color:#102a43 !important;
}
#publicHomeContent #public-home .site-card{
  background:rgba(255,255,255,.985) !important;
  border:1px solid rgba(255,255,255,.96) !important;
  box-shadow:0 14px 34px rgba(3,18,35,.18) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  text-shadow:none !important;
}
#publicHomeContent #public-home .site-card h3,
#publicHomeContent #public-home .site-card h4{
  color:#0b355d !important;
  font-weight:800 !important;
}
#publicHomeContent #public-home .site-card p{
  color:#40566b !important;
  font-weight:500 !important;
  line-height:1.65 !important;
}
#publicHomeContent #public-home .site-card .site-icon,
#publicHomeContent #public-home .site-card .site-icon *{
  color:inherit !important;
}


#publicHomeContent #public-home > section:nth-of-type(3) h1,
#publicHomeContent #public-home > section:nth-of-type(3) h2,
#publicHomeContent #public-home > section:nth-of-type(3) h3,
#publicHomeContent #public-home > section:nth-of-type(3) p,
#publicHomeContent #public-home > section:first-of-type h1,
#publicHomeContent #public-home > section:first-of-type h2,
#publicHomeContent #public-home > section:first-of-type p{
  text-shadow:0 2px 12px rgba(0,0,0,.30) !important;
}


#publicHomeContent #public-home > section{border-radius:0 !important;margin-left:0 !important;margin-right:0 !important;}

@media(max-width:900px){
  #publicHomeContent #public-home > section:nth-of-type(3){
    background-size:50% 100%,50% 100% !important;
    background-position:0 0,100% 0 !important;
  }
  #publicHomeContent #public-home > section:nth-of-type(3)::before{
    background:linear-gradient(90deg,rgba(4,20,37,.96) 0%,rgba(4,20,37,.84) 45%,rgba(4,20,37,.35) 78%,rgba(4,20,37,.10) 100%) !important;
  }
}
@media(max-width:680px){
  #publicHomeContent #public-home > section:first-of-type,
  #publicHomeContent #public-home > section:nth-of-type(2),
  #publicHomeContent #public-home > section:nth-of-type(4),
  #publicHomeContent #public-home > section:nth-of-type(6),
  #publicHomeContent #public-home > section:nth-of-type(8){
    background-position:65% center !important;
  }
  #publicHomeContent #public-home > section:first-of-type::before{
    background:linear-gradient(90deg,rgba(5,20,39,.97) 0%,rgba(5,20,39,.90) 58%,rgba(5,20,39,.58) 100%) !important;
  }
  #publicHomeContent #public-home > section:nth-of-type(2)::before,
  #publicHomeContent #public-home > section:nth-of-type(4)::before,
  #publicHomeContent #public-home > section:nth-of-type(6)::before,
  #publicHomeContent #public-home > section:nth-of-type(8)::before{
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.95) 58%,rgba(255,255,255,.72) 100%) !important;
  }
  #publicHomeContent #public-home > section:nth-of-type(3){
    background-size:100% 100% !important;
    background-position:center !important;
  }
  #publicHomeContent #public-home .site-card{
    box-shadow:0 10px 26px rgba(3,18,35,.16) !important;
  }
}

#publicHomeContent .public-site > header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:99999 !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 4px 20px rgba(15,23,42,.10) !important;
  border-bottom:1px solid rgba(148,163,184,.20) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}
#publicHomeContent #public-home{
  padding-top:86px !important;
}


#publicHomeContent #public-home > section:nth-of-type(3){
  position:relative !important;
  background-position:center !important;
  background-size:cover !important;
}
#publicHomeContent #public-home > section:nth-of-type(3)::before{
  background:linear-gradient(90deg,
    rgba(4,18,35,.985) 0%,
    rgba(4,18,35,.94) 25%,
    rgba(4,18,35,.72) 48%,
    rgba(4,18,35,.34) 70%,
    rgba(4,18,35,.10) 100%) !important;
}
#publicHomeContent #public-home > section:nth-of-type(3) .site-card{
  background:linear-gradient(90deg,
    rgba(255,255,255,.99) 0%,
    rgba(255,255,255,.97) 58%,
    rgba(255,255,255,.88) 82%,
    rgba(255,255,255,.78) 100%) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(9px) !important;
  -webkit-backdrop-filter:blur(9px) !important;
}
#publicHomeContent #public-home > section:nth-of-type(3) .site-card h3,
#publicHomeContent #public-home > section:nth-of-type(3) .site-card p,
#publicHomeContent #public-home > section:nth-of-type(3) .site-card strong{
  color:#092f55 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
#publicHomeContent #public-home > section:nth-of-type(3) .site-card h3{
  font-size:19px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}
#publicHomeContent #public-home > section:nth-of-type(3) .site-card p{
  font-size:14px !important;
  line-height:1.75 !important;
  font-weight:600 !important;
}
#publicHomeContent #public-home > section:nth-of-type(3) .site-card .site-icon{
  background:#e7f6f1 !important;
  color:#087f5b !important;
  border:1px solid rgba(8,127,91,.14) !important;
  box-shadow:0 5px 14px rgba(8,127,91,.10) !important;
}
#publicHomeContent #public-home > section:nth-of-type(3) .site-card .site-icon i{
  color:#087f5b !important;
  opacity:1 !important;
}


#publicHomeContent #public-home > section:nth-of-type(5) .site-card{
  background:linear-gradient(90deg,
    rgba(255,255,255,.99) 0%,
    rgba(255,255,255,.97) 55%,
    rgba(255,255,255,.90) 78%,
    rgba(255,255,255,.80) 100%) !important;
  border:1px solid rgba(255,255,255,.90) !important;
  box-shadow:0 18px 40px rgba(4,20,37,.18) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
#publicHomeContent #public-home > section:nth-of-type(5) .site-card h3,
#publicHomeContent #public-home > section:nth-of-type(5) .site-card p,
#publicHomeContent #public-home > section:nth-of-type(5) .site-card strong{
  color:#092f55 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
#publicHomeContent #public-home > section:nth-of-type(5) .site-card h3{
  font-weight:900 !important;
  font-size:18px !important;
}
#publicHomeContent #public-home > section:nth-of-type(5) .site-card p{
  font-size:13px !important;
  line-height:1.72 !important;
  font-weight:600 !important;
}
#publicHomeContent #public-home > section:nth-of-type(5) .site-card .site-icon,
#publicHomeContent #public-home > section:nth-of-type(5) .site-card .site-icon i{
  color:#087f5b !important;
  opacity:1 !important;
}


#publicHomeContent #public-home .site-card{
  color:#092f55 !important;
}
#publicHomeContent #public-home .site-card h3,
#publicHomeContent #public-home .site-card h4,
#publicHomeContent #public-home .site-card p,
#publicHomeContent #public-home .site-card strong,
#publicHomeContent #public-home .site-card span{
  color:#092f55 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
#publicHomeContent #public-home .site-card p{color:#40566b !important;}
#publicHomeContent #public-home .site-card strong{font-weight:800 !important;}
#publicHomeContent #public-home .site-card .site-icon{
  opacity:1 !important;
  filter:none !important;
}
#publicHomeContent #public-home .site-card .site-icon i{
  opacity:1 !important;
  filter:none !important;
}


#publicHomeContent #public-home > section:nth-of-type(2)::before,
#publicHomeContent #public-home > section:nth-of-type(4)::before,
#publicHomeContent #public-home > section:nth-of-type(6)::before,
#publicHomeContent #public-home > section:nth-of-type(8)::before{
  background:linear-gradient(90deg,
    rgba(255,255,255,.995) 0%,
    rgba(255,255,255,.985) 30%,
    rgba(255,255,255,.94) 47%,
    rgba(255,255,255,.70) 63%,
    rgba(255,255,255,.34) 79%,
    rgba(255,255,255,.08) 100%) !important;
}

@media(max-width:900px){
  #publicHomeContent #public-home{padding-top:100px !important;}
  #publicHomeContent #public-home > section:nth-of-type(3)::before{
    background:linear-gradient(90deg,rgba(4,18,35,.985) 0%,rgba(4,18,35,.90) 42%,rgba(4,18,35,.48) 75%,rgba(4,18,35,.18) 100%) !important;
  }
}
@media(max-width:680px){
  #publicHomeContent #public-home{padding-top:118px !important;}
  #publicHomeContent .public-site > header > div{padding:10px 14px !important;}
  #publicHomeContent #public-home > section:nth-of-type(3)::before{
    background:linear-gradient(180deg,rgba(4,18,35,.96) 0%,rgba(4,18,35,.86) 55%,rgba(4,18,35,.72) 100%) !important;
  }
  #publicHomeContent #public-home > section:nth-of-type(3) .site-card,
  #publicHomeContent #public-home > section:nth-of-type(5) .site-card{
    background:rgba(255,255,255,.94) !important;
  }
}

.public-site main section#about-us > div[style*="background:#fff"][style*="border:1px solid #e5e7eb"]{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(90deg,
    rgba(255,255,255,.98) 0%,
    rgba(255,255,255,.97) 46%,
    rgba(255,255,255,.91) 68%,
    rgba(255,255,255,.78) 84%,
    rgba(255,255,255,.68) 100%) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 18px 45px rgba(15,23,42,.10) !important;
  -webkit-backdrop-filter:blur(5px) !important;
  backdrop-filter:blur(5px) !important;
  color:#243044 !important;
}
.public-site main section#about-us > div[style*="background:#fff"][style*="border:1px solid #e5e7eb"] p{
  position:relative !important;
  z-index:2 !important;
  color:#273449 !important;
  text-shadow:0 1px 1px rgba(255,255,255,.65) !important;
}
.public-site main section#about-us > div[style*="background:#fff"][style*="border:1px solid #e5e7eb"] strong{
  color:#123d70 !important;
  font-weight:850 !important;
}
@media(max-width:768px){
  .public-site main section#about-us > div[style*="background:#fff"][style*="border:1px solid #e5e7eb"]{
    background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 65%,rgba(255,255,255,.90) 100%) !important;
  }
}
@media(max-width:480px){
  .public-site main section#about-us > div[style*="background:#fff"][style*="border:1px solid #e5e7eb"]{
    background:rgba(255,255,255,.96) !important;
  }
}

.public-site[data-public-landing="snd-brightlife"] header{position:sticky !important;top:0 !important;z-index:9999 !important;box-shadow:0 3px 18px rgba(15,23,42,.10);}
.public-site[data-public-landing="snd-brightlife"] main{position:relative;}
.public-site[data-public-landing="snd-brightlife"] main>section:first-of-type{position:relative;overflow:hidden;border-radius:0 0 32px 32px;}
.public-site[data-public-landing="snd-brightlife"] main>section:first-of-type:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 42%,rgba(255,255,255,.76) 68%,rgba(255,255,255,.30) 100%);z-index:0;}
.public-site[data-public-landing="snd-brightlife"] main>section:first-of-type>*{position:relative;z-index:1;}
.public-site[data-public-landing="snd-brightlife"] main>section:first-of-type>div:last-child{background:linear-gradient(135deg,rgba(108,60,225,.97),rgba(91,72,180,.88)) !important;backdrop-filter:blur(2px);}
.public-site[data-public-landing="snd-brightlife"] .site-card{color:#172033 !important;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 62%,rgba(255,255,255,.78) 100%) !important;backdrop-filter:blur(4px);box-shadow:0 12px 32px rgba(15,23,42,.10) !important;}
.public-site[data-public-landing="snd-brightlife"] .site-card h3,.public-site[data-public-landing="snd-brightlife"] .site-card p,.public-site[data-public-landing="snd-brightlife"] .site-card strong{color:#172033 !important;}
.public-site[data-public-landing="snd-brightlife"] .site-icon{background:rgba(108,60,225,.12) !important;color:#5b35c9 !important;}
@media(max-width:768px){.public-site[data-public-landing="snd-brightlife"] main>section:first-of-type:before{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.91));}.public-site[data-public-landing="snd-brightlife"] .site-card{background:rgba(255,255,255,.94) !important;}}

html,body{width:100%;max-width:100%;overflow-x:hidden!important;margin:0;padding:0;}
*,*::before,*::after{box-sizing:border-box;}
img,svg,video,canvas,iframe{max-width:100%;height:auto;}
table{max-width:100%;overflow:auto;display:block;}
button,input,select,textarea{max-width:100%;font:inherit;}
.public-site,#publicHomeContent,#public-home,main{width:100%;max-width:100%;overflow-x:hidden;}
.public-site .container,#publicHomeContent .container,.public-site .site-container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:clamp(14px,4vw,40px);padding-right:clamp(14px,4vw,40px);}
.public-site h1{font-size:clamp(2rem,5vw,4rem);line-height:1.08;overflow-wrap:anywhere;}
.public-site h2{font-size:clamp(1.45rem,3.5vw,2.35rem);line-height:1.15;overflow-wrap:anywhere;}
.public-site h3{font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.25;overflow-wrap:anywhere;}
.public-site p,.public-site li{overflow-wrap:anywhere;word-break:normal;}
.public-site .grid,.public-site .cards,.public-site .site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(14px,2.5vw,28px);}
.public-site .site-card{min-width:0;width:100%;overflow:hidden;}
.public-site section{width:100%;max-width:100%;overflow:hidden;}
@media(max-width:900px){
  :root{--sidebar-width:0px;}
  .public-site .container,#publicHomeContent .container,.public-site .site-container{padding-left:18px;padding-right:18px;}
  .public-site main>section{padding-left:18px!important;padding-right:18px!important;}
}
@media(max-width:680px){
  .public-site .container,#publicHomeContent .container,.public-site .site-container{padding-left:14px;padding-right:14px;}
  .public-site main>section{padding-left:14px!important;padding-right:14px!important;}
  .public-site .site-card{border-radius:16px!important;padding:18px!important;}
  .public-site .btn,.public-site button{min-height:44px;white-space:normal;line-height:1.25;}
  .public-site .hero,.public-site [class*="hero"]{min-height:auto!important;}
}
@media(max-width:480px){
  .public-site h1{font-size:clamp(1.8rem,9vw,2.5rem);}
  .public-site h2{font-size:clamp(1.35rem,7vw,1.9rem);}
  .public-site h3{font-size:1.12rem;}
  .public-site p,.public-site li{font-size:.95rem;line-height:1.6;}
  .public-site .container,#publicHomeContent .container,.public-site .site-container{padding-left:12px;padding-right:12px;}
  .public-site main>section{padding-left:12px!important;padding-right:12px!important;border-radius:16px!important;}
  .public-site .site-card{padding:15px!important;}
  .public-site .grid,.public-site .cards,.public-site .site-grid{grid-template-columns:1fr!important;}
  .public-site .btn-group,.public-site .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;}
  .public-site .btn-group .btn,.public-site .hero-actions .btn{width:100%;}
}
@media(max-width:360px){
  .public-site h1{font-size:1.7rem;}
  .public-site h2{font-size:1.3rem;}
  .public-site p,.public-site li{font-size:.9rem;}
  .public-site main>section{padding-left:10px!important;padding-right:10px!important;}
}

.public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) !important;
  gap:clamp(20px,3.5vw,45px) !important;
  align-items:stretch !important;
}
.public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type > div{
  min-width:0 !important;
  max-width:100% !important;
  width:100% !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
.public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type h1{
  width:100% !important;
  max-width:100% !important;
  font-size:clamp(2rem,5vw,4.25rem) !important;
  line-height:1.08 !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
}
.public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type p{
  width:100% !important;
  max-width:100% !important;
  font-size:clamp(.98rem,1.35vw,1.125rem) !important;
  line-height:1.75 !important;
  overflow-wrap:anywhere !important;
}
.public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type > div:last-child{
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  padding:clamp(20px,3vw,36px) !important;
  border-radius:clamp(18px,2.2vw,28px) !important;
}
.public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type > div:last-child h2{
  font-size:clamp(1.55rem,3vw,2.125rem) !important;
  line-height:1.2 !important;
  overflow-wrap:anywhere !important;
}
.public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type > div:first-child > div:last-child{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  max-width:100% !important;
}
.public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type button{
  min-width:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.3 !important;
}
@media(max-width:900px){
  .public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type{
    grid-template-columns:minmax(0,1fr) !important;
    gap:24px !important;
    padding:clamp(38px,7vw,58px) 0 38px !important;
  }
  .public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type > div:last-child{
    width:100% !important;
  }
}
@media(max-width:600px){
  .public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type{
    padding:30px 0 28px !important;
    gap:18px !important;
  }
  .public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type > div:first-child > div:last-child{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type button{
    width:100% !important;
    min-height:46px !important;
  }
  .public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type > div:last-child{
    padding:22px 18px !important;
  }
}
@media(max-width:380px){
  .public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type h1{
    font-size:clamp(1.7rem,9vw,2.15rem) !important;
  }
  .public-site[data-public-landing="snd-brightlife"] #public-home > section:first-of-type p{
    font-size:.94rem !important;
    line-height:1.65 !important;
  }
}

.auth-forgot-btn{background:none;border:0;padding:0;color:var(--primary,#6c3ce1);font:inherit;cursor:pointer;text-decoration:underline}.auth-forgot-btn:focus{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}

.table-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(15,23,42,.05)}
.table-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--gray-200);background:linear-gradient(180deg,#fff,var(--gray-50))}
.table-card-title{font-size:14px;font-weight:800;color:var(--gray-900);display:flex;align-items:center;gap:9px}
.table-card-subtitle{font-size:11px;color:var(--gray-500);margin-top:3px}
.pro-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pro-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:12px;background:#fff}
.pro-table thead th{position:sticky;top:0;z-index:2;padding:13px 14px;text-align:left;background:#F7F5FF;color:#4C1D95;border-bottom:1px solid #DDD6FE;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}
.pro-table tbody td{padding:13px 14px;border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle;background:#fff}
.pro-table tbody tr:last-child td{border-bottom:0}
.pro-table tbody tr:hover td{background:#FAF9FF}
.pro-table .primary-text{font-weight:750;color:var(--gray-900)}
.pro-table .secondary-text{font-size:11px;color:var(--gray-500)}
.pro-table .amount{font-weight:800;color:var(--gray-900);white-space:nowrap}
.pro-table .actions{display:flex;gap:6px;flex-wrap:wrap;min-width:190px}
.pro-table .actions .btn-sm{margin:0}
.table-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}
.table-status.active,.table-status.completed,.table-status.replied{background:#ECFDF5;color:#047857}
.table-status.pending,.table-status.read{background:#FFFBEB;color:#B45309}
.table-status.inactive,.table-status.rejected,.table-status.defaulted{background:#FEF2F2;color:#B91C1C}
.table-status.info{background:#EFF6FF;color:#1D4ED8}
.member-table-avatar{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-gradient);color:#fff;font-weight:800;font-size:11px;flex:none}
.member-table-person{display:flex;align-items:center;gap:10px;min-width:190px}
.member-table-person .name{font-weight:750;color:var(--gray-900)}
.member-table-person .meta{font-size:10px;color:var(--gray-500);margin-top:2px}
.role-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}
.pro-table-empty{text-align:center!important;padding:44px 20px!important;color:var(--gray-400)!important}
.pro-table-empty i{display:block;font-size:30px;margin-bottom:10px}
.chat-admin-card{border:1px solid var(--gray-200);border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.05);overflow:hidden}
.chat-admin-list{padding:8px}
.chat-admin-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:var(--transition)}
.chat-admin-row:hover{background:#F8F7FF;border-color:#E9D5FF}
.chat-admin-row + .chat-admin-row{margin-top:4px}
.chat-admin-row .preview{flex:1;min-width:0}
.chat-admin-row .preview strong{display:block;color:var(--gray-900);font-size:12px}
.chat-admin-row .preview span{display:block;color:var(--gray-500);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.chat-admin-row .meta{font-size:10px;color:var(--gray-400);text-align:right}
.chat-admin-row .unread{background:#EF4444;color:#fff;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800}
.chat-reply-composer{display:flex;gap:9px;padding:12px;border-top:1px solid var(--gray-200);background:var(--gray-50)}
.chat-reply-composer textarea{flex:1;min-height:46px;max-height:120px;resize:vertical}
.chat-message-row{padding:12px 14px;border-radius:14px;margin-bottom:9px;max-width:88%;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.chat-message-row.member{margin-left:auto;background:#F3E8FF;border:1px solid #E9D5FF;color:#3B0764}
.chat-message-row.staff{margin-right:auto;background:#F8FAFC;border:1px solid var(--gray-200);color:var(--gray-700)}
.chat-message-row .chat-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;font-size:10px;color:var(--gray-400)}
.chat-message-row .reply-action{margin-top:8px}.chat-message-row.selected{outline:2px solid #8B5CF6;outline-offset:1px}
body.dark-mode .table-card-header,body.dark-mode .pro-table,body.dark-mode .pro-table tbody td,body.dark-mode .chat-admin-card{background:#182235}
body.dark-mode .pro-table thead th{background:#31206F;color:#fff;border-color:#4C3A85}
body.dark-mode .pro-table tbody td{border-color:#334155;color:#E2E8F0}
body.dark-mode .pro-table tbody tr:hover td{background:#202D43}
body.dark-mode .pro-table .primary-text,body.dark-mode .pro-table .amount,body.dark-mode .member-table-person .name{color:#F8FAFC}
body.dark-mode .chat-admin-row:hover{background:#202D43;border-color:#4C3A85}
.settings-table-wrap,.rights-table-wrapper,.repayment-table-container{border-radius:16px;box-shadow:0 4px 18px rgba(15,23,42,.05)}
.settings-table,.rights-table,.repayment-table{border-collapse:separate;border-spacing:0;background:#fff}
.settings-table th,.rights-table th,.repayment-table th{padding:13px 14px;background:#F7F5FF;color:#4C1D95;border-bottom:1px solid #DDD6FE;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.settings-table td,.rights-table td,.repayment-table td{padding:12px 14px;border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle}
.settings-table tr:last-child td,.rights-table tr:last-child td,.repayment-table tr:last-child td{border-bottom:0}
.settings-table tbody tr:hover td,.rights-table tbody tr:hover td,.repayment-table tbody tr:hover td{background:#FAF9FF}
body.dark-mode .settings-table,body.dark-mode .rights-table,body.dark-mode .repayment-table{background:#182235}
body.dark-mode .settings-table th,body.dark-mode .rights-table th,body.dark-mode .repayment-table th{background:#31206F;color:#fff;border-color:#4C3A85}
body.dark-mode .settings-table td,body.dark-mode .rights-table td,body.dark-mode .repayment-table td{color:#E2E8F0;border-color:#334155}
body.dark-mode .settings-table tbody tr:hover td,body.dark-mode .rights-table tbody tr:hover td,body.dark-mode .repayment-table tbody tr:hover td{background:#202D43}

@media(max-width:720px){
 .table-card-header{align-items:flex-start;flex-direction:column}
 .pro-table{min-width:700px}
 .pro-table thead th,.pro-table tbody td{padding:11px 12px}
 .member-table-person{min-width:170px}
 .chat-message-row{max-width:94%}
}

.public-site[data-public-landing="snd-brightlife"] .site-section{color:#172033;}
.public-site[data-public-landing="snd-brightlife"] .site-section .page-header h2,.public-site[data-public-landing="snd-brightlife"] .site-section .page-header p,.public-site[data-public-landing="snd-brightlife"] .site-section>p,.public-site[data-public-landing="snd-brightlife"] .site-section strong{color:#172033!important;}
.public-site[data-public-landing="snd-brightlife"] .highlight-section{background:linear-gradient(135deg,#f5f3ff,#ffffff);border:1px solid #ddd6fe;border-radius:24px;padding:34px!important;box-shadow:0 14px 36px rgba(15,23,42,.08);}
.public-site[data-public-landing="snd-brightlife"] .highlight-section .site-card{background:#ffffff!important;color:#172033!important;border:1px solid #e5e7eb!important;}
.public-site[data-public-landing="snd-brightlife"] .highlight-section .site-card p,.public-site[data-public-landing="snd-brightlife"] .highlight-section .site-card strong{color:#374151!important;}
.public-site[data-public-landing="snd-brightlife"] .site-section .site-card{color:#172033!important;}
.public-site[data-public-landing="snd-brightlife"] .site-section .site-card h3{color:#111827!important;}
.public-site[data-public-landing="snd-brightlife"] .site-section .site-card p{color:#4b5563!important;}
.professional-contact-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.professional-contact-card{display:flex!important;align-items:flex-start;gap:14px;padding:20px!important;border:1px solid var(--gray-200)!important;border-radius:16px!important;background:#fff!important;text-decoration:none!important;color:var(--gray-800)!important;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.professional-contact-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.10);border-color:#c4b5fd!important;}
.professional-contact-card .contact-icon{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f3e8ff;color:#6c3ce1;font-size:17px;}
.professional-contact-card strong{display:block!important;color:#111827!important;font-size:14px!important;margin-bottom:4px;}
.professional-contact-card span:not(.contact-icon){display:block;color:#374151!important;font-weight:700;font-size:13px;line-height:1.5;}
.professional-contact-card small{display:block;color:#6b7280!important;font-size:11px;line-height:1.55;margin-top:4px;}
.chat-reply-composer{align-items:flex-end!important;background:#fff!important;border:1px solid var(--gray-200)!important;border-radius:16px!important;margin-top:12px!important;padding:12px!important;box-shadow:0 8px 24px rgba(15,23,42,.06);}
.chat-reply-composer textarea{min-height:92px!important;border:1px solid #d1d5db!important;border-radius:12px!important;padding:12px 14px!important;background:#fff!important;color:#111827!important;line-height:1.55!important;outline:none;}
.chat-reply-composer textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px rgba(139,92,246,.12)!important;}
.chat-reply-composer .btn-primary{min-height:46px!important;padding:0 18px!important;border-radius:12px!important;white-space:nowrap;}
.chat-message-row{box-shadow:0 4px 14px rgba(15,23,42,.05)!important;}
.chat-message-row.member{background:#f5f3ff!important;border:1px solid #ddd6fe!important;color:#312e81!important;}
.chat-message-row.staff{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#334155!important;}
.chat-message-row.selected{outline:2px solid #7c3aed!important;box-shadow:0 8px 22px rgba(124,58,237,.12)!important;}
.chat-message-row .chat-meta{color:#64748b!important;}
.chat-message-row .reply-action .btn-sm{border-radius:9px!important;}
.public-top-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.public-top-nav .public-top-link{border:0;background:transparent;color:#374151;padding:10px 9px;border-radius:9px;font-weight:800;cursor:pointer;text-decoration:none;}
.public-top-nav .public-top-link:hover{background:#f3f4f6;color:#6c3ce1;}
.public-top-nav .public-top-link.active{background:#f3e8ff;color:#5b21b6;}
@media(max-width:700px){.professional-contact-grid{grid-template-columns:1fr!important}.chat-reply-composer{flex-direction:column!important;align-items:stretch!important}.chat-reply-composer .btn-primary{width:100%!important}.public-top-nav{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.public-top-nav .public-top-link{white-space:nowrap;flex:0 0 auto;}}

.highlight-section,.highlight-section *{color:#111827 !important}.highlight-section{background:#fff !important;border:1px solid #e5e7eb !important}.highlight-section .site-kicker{color:#6c3ce1 !important}.highlight-section .site-card{background:#f8fafc !important;border:1px solid #e5e7eb !important}.highlight-section .site-card strong,.highlight-section .site-card p{color:#111827 !important}
.partner-card,.partner-card *{color:#fff !important}.partner-card{background:linear-gradient(135deg,#6c3ce1,#4f2bb5) !important;border:0 !important;box-shadow:0 16px 36px rgba(76,42,174,.2) !important}.partner-card p,.partner-card strong{color:#fff !important;opacity:1 !important}.partner-card .public-action{color:#111827 !important;background:#fff !important;border-color:#fff !important}.partner-card .public-action.primary{color:#fff !important;background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.55) !important}
.why-brightlife-section .site-card,.why-brightlife-section .site-card *{color:#111827 !important}.why-brightlife-section .site-card{background:#fff !important;border:1px solid #e5e7eb !important}.why-brightlife-section .site-card p{color:#374151 !important}
.repayment-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.06)}.repayment-table-container .table-header{padding:18px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.repayment-table-container .table-header h3{color:#111827 !important;font-weight:800}.repayment-table thead th{background:#31206f !important;color:#fff !important;font-weight:800;white-space:nowrap}.repayment-table tbody td{color:#111827 !important;background:#fff !important;border-bottom:1px solid #eef2f7;vertical-align:middle}.repayment-table tbody tr:hover td{background:#f8fafc !important}.repayment-member{display:flex;align-items:center;gap:10px;min-width:190px}.repayment-member .avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:#ede9fe;color:#5b21b6 !important;font-weight:900}.repayment-member .member-info{min-width:0}.repayment-member .member-name{display:block;color:#111827 !important;font-weight:800}.repayment-member .member-id{display:block;color:#6b7280 !important;font-size:11px;margin-top:2px}
.chat-reply-modal{width:min(900px,94vw) !important;max-height:90vh;border-radius:18px !important;overflow:hidden;background:#fff !important;box-shadow:0 24px 70px rgba(15,23,42,.25) !important}.chat-reply-modal .chat-modal-header{background:linear-gradient(135deg,#6c3ce1,#4f2bb5) !important;color:#fff !important;padding:18px 22px !important}.chat-reply-modal .chat-modal-header *{color:#fff !important}.chat-reply-modal #chatReplyMessages{background:#f8fafc !important;padding:20px !important;max-height:52vh !important}.chat-message-row{max-width:78% !important;padding:14px 16px !important;border-radius:16px !important;box-shadow:0 2px 8px rgba(15,23,42,.05)}.chat-message-row.member{margin-left:auto !important;background:#ede9fe !important;border:1px solid #ddd6fe !important;color:#111827 !important}.chat-message-row.staff{margin-right:auto !important;background:#fff !important;border:1px solid #e5e7eb !important;color:#111827 !important}.chat-message-row .chat-meta{color:#6b7280 !important}.chat-reply-composer{display:block !important;padding:16px 18px !important;background:#fff !important;border-top:1px solid #e5e7eb !important}.chat-reply-composer label{display:block !important;margin:0 0 8px !important;color:#111827 !important;font-size:13px !important;font-weight:800 !important}.chat-reply-composer textarea{display:block !important;width:100% !important;min-height:100px !important;box-sizing:border-box !important;border:1px solid #cbd5e1 !important;border-radius:12px !important;background:#fff !important;color:#111827 !important;padding:12px 14px !important;font-size:14px !important;line-height:1.55 !important;outline:none !important}.chat-reply-composer textarea::placeholder{color:#94a3b8 !important;opacity:1}.chat-reply-composer textarea:focus{border-color:#6c3ce1 !important;box-shadow:0 0 0 3px rgba(108,60,225,.12) !important}.chat-reply-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.chat-reply-actions button{min-height:42px;border-radius:10px;padding:0 16px;font-weight:800;cursor:pointer}.chat-reply-actions .cancel{background:#f1f5f9;color:#334155 !important;border:1px solid #cbd5e1}.chat-reply-actions .send{background:#6c3ce1;color:#fff !important;border:1px solid #6c3ce1}.chat-select-message{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.chat-select-message button{border:1px solid #6c3ce1;background:#fff;color:#5b21b6 !important;border-radius:9px;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer}
@media(max-width:700px){.chat-message-row{max-width:94% !important}.chat-reply-actions{flex-direction:column-reverse}.chat-reply-actions button{width:100%}}
body.dark-mode .highlight-section,body.dark-mode .highlight-section .site-card{background:#fff !important}body.dark-mode .highlight-section,body.dark-mode .highlight-section *{color:#111827 !important}body.dark-mode .partner-card,body.dark-mode .partner-card *{color:#fff !important}body.dark-mode .partner-card .public-action{color:#111827 !important}body.dark-mode .why-brightlife-section .site-card,body.dark-mode .why-brightlife-section .site-card *{color:#111827 !important}body.dark-mode .repayment-table-container,body.dark-mode .repayment-table tbody td{background:#182235 !important;color:#f8fafc !important}body.dark-mode .repayment-table-container .table-header{background:#111827 !important}body.dark-mode .repayment-table-container .table-header h3,body.dark-mode .repayment-member .member-name{color:#fff !important}body.dark-mode .repayment-member .member-id{color:#cbd5e1 !important}body.dark-mode .chat-reply-modal,body.dark-mode .chat-reply-composer{background:#111827 !important}body.dark-mode .chat-reply-modal #chatReplyMessages{background:#0f172a !important}body.dark-mode .chat-message-row.staff{background:#182235 !important;color:#fff !important}body.dark-mode .chat-message-row.member{color:#111827 !important}body.dark-mode .chat-reply-composer label{color:#fff !important}body.dark-mode .chat-reply-composer textarea{background:#182235 !important;color:#fff !important;border-color:#475569 !important}

.brightlife-homepage{min-height:100vh;background:#f7f8fc;color:#111827;font-family:inherit}.brightlife-home-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 5%;background:rgba(255,255,255,.97);border-bottom:1px solid #e5e7eb;box-shadow:0 5px 20px rgba(15,23,42,.06);backdrop-filter:blur(12px)}.brightlife-home-brand{display:flex;align-items:center;gap:12px;min-width:250px}.brightlife-home-brand img{width:48px;height:48px;border-radius:12px;object-fit:cover}.brightlife-home-brand strong{display:block;font-size:18px;color:#111827}.brightlife-home-brand span{display:block;margin-top:2px;font-size:11px;color:#6b7280}.brightlife-home-header .public-top-nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.brightlife-home-header .public-top-link{border:0;background:transparent;color:#374151;padding:10px 11px;border-radius:9px;font-weight:800;cursor:pointer}.brightlife-home-header .public-top-link:hover{background:#f3f4f6;color:#5b21b6}.brightlife-home-header .public-top-link.active{background:#ede9fe;color:#5b21b6}.public-top-login{border:0;background:#6c3ce1;color:#fff;padding:11px 16px;border-radius:10px;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(108,60,225,.22)}.brightlife-home-main{max-width:1240px;margin:0 auto;padding:0 24px 60px}.brightlife-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:42px;align-items:center;padding:78px 0 62px}.brightlife-hero-copy .site-kicker,.section-heading .site-kicker,.membership-card .site-kicker,.partner-card .site-kicker{font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#6c3ce1}.brightlife-hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.04;letter-spacing:-1.8px;margin:12px 0 22px;color:#111827}.brightlife-hero p{font-size:17px;line-height:1.8;color:#4b5563;max-width:800px;margin:0 0 12px}.brightlife-hero-actions,.partner-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.brightlife-hero-panel{background:linear-gradient(145deg,#6c3ce1,#4f2bb5);color:#fff;border-radius:28px;padding:38px;box-shadow:0 24px 55px rgba(76,42,174,.23)}.brightlife-hero-panel .hero-panel-kicker{font-size:12px;font-weight:900;letter-spacing:1.3px;opacity:.8}.brightlife-hero-panel h2{font-size:34px;line-height:1.16;margin:13px 0 17px;color:#fff}.brightlife-hero-panel p{font-size:15px;line-height:1.75;color:#fff;opacity:.93;margin:0}.hero-panel-points{display:grid;gap:10px;margin-top:24px}.hero-panel-points span{font-size:13px;font-weight:800;color:#fff}.hero-panel-points i{margin-right:7px}.home-section{padding:68px 0 18px;scroll-margin-top:90px}.alt-section{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;background:#fff;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}.section-heading{max-width:860px;margin-bottom:30px}.section-heading h2{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.7px;margin:9px 0 10px;color:#111827}.section-heading p{font-size:16px;line-height:1.75;color:#6b7280;margin:0}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.about-values{display:grid;gap:20px}.home-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:27px;box-shadow:0 8px 24px rgba(15,23,42,.055)}.home-card h3{margin:12px 0 10px;color:#111827;font-size:20px}.home-card p{color:#4b5563;line-height:1.72;margin:0 0 12px}.home-card p:last-child{margin-bottom:0}.home-card strong{color:#111827}.about-main{padding:34px}.about-main h3{font-size:25px;margin-top:0}.site-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ede9fe;color:#6c3ce1;font-size:19px}.home-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-card-grid.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.home-card-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.program-card,.finance-card,.why-card{height:100%;box-sizing:border-box}.program-card:hover,.finance-card:hover,.why-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,23,42,.09)}.program-card,.finance-card,.why-card{transition:transform .2s ease,box-shadow .2s ease}.impact-section{padding-top:70px}.impact-banner{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;padding:38px;border-radius:25px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #ddd6fe}.impact-banner .site-kicker{font-size:12px;font-weight:900;letter-spacing:1.4px;color:#6c3ce1}.impact-banner h2{font-size:34px;line-height:1.2;margin:10px 0 13px;color:#111827}.impact-banner p{color:#4b5563;line-height:1.75;margin:0}.impact-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.impact-stats div{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px 12px;text-align:center}.impact-stats strong{display:block;font-size:27px;color:#6c3ce1}.impact-stats span{display:block;font-size:11px;color:#6b7280;font-weight:800;margin-top:4px}.why-brightlife-section .home-card{background:#fff}.growing-card{border-color:#c4b5fd}.membership-card{background:#fff;border:1px solid #ddd6fe;border-radius:25px;padding:42px;box-shadow:0 16px 38px rgba(108,60,225,.09)}.membership-card h2{font-size:38px;line-height:1.15;margin:9px 0 16px;color:#111827}.membership-card p{max-width:900px;color:#374151;line-height:1.8;font-size:16px}.partner-section{padding-top:50px}.partner-card{background:linear-gradient(135deg,#6c3ce1,#4f2bb5);border-radius:25px;padding:42px;box-shadow:0 18px 42px rgba(76,42,174,.22);color:#fff}.partner-card .site-kicker{color:#ddd6fe!important}.partner-card h2{font-size:38px;line-height:1.15;margin:9px 0 15px;color:#fff!important}.partner-card p{max-width:950px;color:#fff!important;opacity:1;line-height:1.8;margin:0}.partner-button{background:#fff!important;color:#4f2bb5!important;border-color:#fff!important}.partner-button.secondary{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.65)!important}.contact-section{padding-bottom:10px}.professional-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.professional-contact-card{display:flex;align-items:center;gap:16px;text-decoration:none;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 7px 22px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease}.professional-contact-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(15,23,42,.09)}.professional-contact-card .contact-icon{width:46px;height:46px;border-radius:12px;background:#ede9fe;color:#6c3ce1;display:grid;place-items:center;font-size:18px;flex:0 0 46px}.professional-contact-card strong,.professional-contact-card span,.professional-contact-card small{display:block}.professional-contact-card strong{font-size:14px;color:#111827;margin-bottom:4px}.professional-contact-card span{font-size:16px;font-weight:800;color:#111827}.professional-contact-card small{font-size:12px;color:#6b7280;margin-top:4px}.brightlife-home-footer{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:34px 24px 40px;background:#fff;border-top:1px solid #e5e7eb;color:#6b7280}.brightlife-home-footer strong{font-size:19px;color:#111827}.brightlife-home-footer b{color:#6c3ce1;font-size:12px;letter-spacing:.8px}.brightlife-home-footer small{max-width:760px;line-height:1.6;font-size:11px}.public-action{border:1px solid #d1d5db;background:#fff;color:#374151;padding:13px 19px;border-radius:10px;font-weight:800;cursor:pointer}.public-action.primary{border-color:#6c3ce1;background:#6c3ce1;color:#fff}.public-action:hover{filter:brightness(.98);transform:translateY(-1px)}
@media(max-width:980px){.brightlife-home-header{align-items:flex-start;flex-direction:column}.brightlife-home-header .public-top-nav{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap}.brightlife-hero{grid-template-columns:1fr}.home-card-grid,.home-card-grid.four-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid,.impact-banner{grid-template-columns:1fr}.impact-stats{max-width:600px}}
@media(max-width:650px){.brightlife-home-header{padding:12px 16px}.brightlife-home-main{padding:0 16px 45px}.brightlife-home-brand{min-width:0}.brightlife-home-brand span{max-width:260px}.brightlife-hero{padding:52px 0 42px}.brightlife-hero h1{font-size:40px}.brightlife-hero-panel,.membership-card,.partner-card,.impact-banner{padding:27px}.home-section{padding-top:50px}.home-card-grid,.home-card-grid.four-cols,.home-card-grid.three-cols,.professional-contact-grid{grid-template-columns:1fr}.section-heading h2,.membership-card h2,.partner-card h2{font-size:31px}.impact-stats{grid-template-columns:1fr}.brightlife-home-header .public-top-link{padding:9px 10px;white-space:nowrap}.public-top-login{white-space:nowrap}}
body.dark-mode .brightlife-homepage{background:#f7f8fc;color:#111827}body.dark-mode .brightlife-home-header,body.dark-mode .home-card,body.dark-mode .membership-card,body.dark-mode .professional-contact-card,body.dark-mode .brightlife-home-footer{background:#fff}body.dark-mode .brightlife-homepage h1,body.dark-mode .brightlife-homepage h2,body.dark-mode .brightlife-homepage h3,body.dark-mode .brightlife-homepage strong,body.dark-mode .brightlife-homepage span,body.dark-mode .brightlife-homepage p,body.dark-mode .brightlife-homepage small{color:#111827}.brightlife-hero-panel h2,.brightlife-hero-panel p,.hero-panel-points span,.partner-card h2,.partner-card p,.partner-card .site-kicker{color:#fff!important}.partner-card .site-kicker{color:#ddd6fe!important}


.public-site .reference-member-card{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid #e5e7eb !important;
  border-radius:24px !important;
  padding:38px !important;
  box-shadow:0 12px 35px rgba(15,23,42,.07) !important;
}
.public-site .reference-member-card .site-kicker,
.public-site .reference-member-card h2,
.public-site .reference-member-card p,
.public-site .reference-member-card strong{color:#111827 !important;}
.public-site .reference-member-card .site-kicker{color:#6c3ce1 !important;font-weight:900 !important;letter-spacing:1px !important;text-transform:uppercase !important;font-size:12px !important;}
.public-site .reference-member-card h2{font-size:38px !important;line-height:1.15 !important;margin:10px 0 14px !important;}
.public-site .reference-member-card p{font-size:16px !important;line-height:1.8 !important;margin:0 0 12px !important;}
.public-site .reference-member-card .public-action.primary{background:#6c3ce1 !important;color:#fff !important;border:0 !important;}
.public-site .reference-partner-card{
  background:linear-gradient(135deg,#111827,#1f2937) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:24px !important;
  padding:38px !important;
  box-shadow:0 16px 40px rgba(15,23,42,.16) !important;
}
.public-site .reference-partner-card .site-kicker,
.public-site .reference-partner-card h2,
.public-site .reference-partner-card p,
.public-site .reference-partner-card strong{color:#fff !important;}
.public-site .reference-partner-card .site-kicker{opacity:.9 !important;}
.public-site .reference-partner-card h2{font-size:36px !important;line-height:1.15 !important;margin:9px 0 13px !important;}
.public-site .reference-partner-card p{font-size:16px !important;line-height:1.8 !important;margin:0 !important;}
.public-site .reference-partner-card .partner-button{background:#fff !important;color:#111827 !important;border:0 !important;}
.public-site .reference-partner-card .partner-button.secondary{background:transparent !important;color:#fff !important;border:1px solid rgba(255,255,255,.55) !important;}
.public-site .reference-why-card{min-height:190px !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;}
.public-site .reference-why-card h3,.public-site .reference-why-card p{color:#111827 !important;}
.public-site .reference-why-card p{line-height:1.7 !important;color:#4b5563 !important;}
.public-site .reference-why-card.growing-card{background:linear-gradient(135deg,#f3e8ff,#ede9fe) !important;border:1px solid #ddd6fe !important;}
.public-site .reference-why-card.growing-card h3{color:#4c1d95 !important;}
.public-site .reference-why-card.growing-card p{color:#374151 !important;}
@media(max-width:700px){
 .public-site .reference-member-card,.public-site .reference-partner-card{padding:26px !important;}
 .public-site .reference-member-card h2,.public-site .reference-partner-card h2{font-size:30px !important;}
}


.brightlife-homepage .reference-member-card,
.public-site .reference-member-card{
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid #e5e7eb !important;
}
.brightlife-homepage .reference-member-card .site-kicker,
.public-site .reference-member-card .site-kicker{color:#6c3ce1 !important;opacity:1 !important;}
.brightlife-homepage .reference-member-card h2,
.brightlife-homepage .reference-member-card p,
.brightlife-homepage .reference-member-card strong,
.public-site .reference-member-card h2,
.public-site .reference-member-card p,
.public-site .reference-member-card strong{
  color:#111827 !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.brightlife-homepage .reference-member-card p,
.public-site .reference-member-card p{color:#374151 !important;}
.brightlife-homepage .reference-member-card strong,
.public-site .reference-member-card strong{color:#111827 !important;font-weight:800 !important;}
.brightlife-homepage .reference-member-card .public-action.primary,
.public-site .reference-member-card .public-action.primary{
  background:#6c3ce1 !important;color:#ffffff !important;border:0 !important;
}

.brightlife-homepage .reference-partner-card,
.public-site .reference-partner-card{
  background:linear-gradient(135deg,#111827,#1f2937) !important;
  color:#ffffff !important;
  border:0 !important;
}
.brightlife-homepage .reference-partner-card .site-kicker,
.brightlife-homepage .reference-partner-card h2,
.brightlife-homepage .reference-partner-card p,
.brightlife-homepage .reference-partner-card strong,
.public-site .reference-partner-card .site-kicker,
.public-site .reference-partner-card h2,
.public-site .reference-partner-card p,
.public-site .reference-partner-card strong{
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.brightlife-homepage .reference-partner-card .site-kicker,
.public-site .reference-partner-card .site-kicker{font-weight:900 !important;letter-spacing:1px !important;}
.brightlife-homepage .reference-partner-card h2,
.public-site .reference-partner-card h2{font-size:36px !important;line-height:1.15 !important;}
.brightlife-homepage .reference-partner-card p,
.public-site .reference-partner-card p{font-size:16px !important;line-height:1.8 !important;}
.brightlife-homepage .reference-partner-card .partner-button,
.public-site .reference-partner-card .partner-button{
  background:#ffffff !important;color:#111827 !important;border:0 !important;
}
.brightlife-homepage .reference-partner-card .partner-button.secondary,
.public-site .reference-partner-card .partner-button.secondary{
  background:transparent !important;color:#ffffff !important;border:1px solid rgba(255,255,255,.55) !important;
}

.brightlife-homepage .why-brightlife-section .reference-why-card.growing-card,
.public-site .reference-why-card.growing-card{
  background:linear-gradient(135deg,#f3e8ff,#ede9fe) !important;
  border:1px solid #ddd6fe !important;
}
.brightlife-homepage .why-brightlife-section .reference-why-card.growing-card h3,
.public-site .reference-why-card.growing-card h3{color:#4c1d95 !important;}
.brightlife-homepage .why-brightlife-section .reference-why-card.growing-card p,
.public-site .reference-why-card.growing-card p{color:#374151 !important;}

#publicHomeContent{padding:0!important;background:#f6f7fb!important;}
.brightlife-public-page{min-height:100vh;background:#f6f7fb;color:#182230;font-family:inherit;}
.brightlife-public-page *{box-sizing:border-box;}
.public-main-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid #e5e7eb;box-shadow:0 5px 24px rgba(15,23,42,.07);backdrop-filter:blur(14px);}
.public-header-inner{max-width:1320px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px;}
.public-brand{display:flex;align-items:center;gap:11px;border:0;background:transparent;padding:0;cursor:pointer;text-align:left;min-width:245px;}
.public-brand img{width:50px;height:50px;border-radius:13px;object-fit:cover;box-shadow:0 4px 12px rgba(15,23,42,.12);}
.public-brand strong{display:block;color:#111827;font-size:18px;font-weight:900;line-height:1.15;}
.public-brand small{display:block;color:#667085;font-size:10px;line-height:1.4;margin-top:3px;max-width:270px;}
.public-main-nav{display:flex;align-items:center;justify-content:flex-end;gap:3px;flex-wrap:wrap;}
.public-main-link{border:0;background:transparent;color:#344054;padding:10px 9px;border-radius:9px;font-weight:800;font-size:12px;cursor:pointer;white-space:nowrap;transition:.18s ease;}
.public-main-link:hover{background:#f3f4f6;color:#5b21b6;}
.public-main-link.active{background:#ede9fe;color:#5b21b6;}
.public-login-button{border:0;background:#6c3ce1;color:#fff;padding:11px 15px;border-radius:10px;font-weight:900;font-size:12px;cursor:pointer;box-shadow:0 7px 18px rgba(108,60,225,.20);white-space:nowrap;}
.public-main-content{max-width:1320px;margin:0 auto;padding:0 24px 0;}
.public-anchor{scroll-margin-top:94px;}
.public-hero-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:48px;align-items:center;padding:82px 0 76px;}
.public-hero-copy{max-width:850px;}
.public-kicker{display:inline-block;color:#6c3ce1;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;}
.public-hero-copy h1{font-size:clamp(38px,5.2vw,68px);line-height:1.04;letter-spacing:-1.8px;color:#101828;margin:12px 0 22px;font-weight:900;}
.public-hero-copy p{font-size:16px;line-height:1.82;color:#475467;margin:0 0 12px;max-width:820px;}
.public-hero-copy strong{color:#182230;font-weight:850;}
.public-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px;}
.public-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:900;cursor:pointer;text-decoration:none;transition:.18s ease;}
.public-btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(15,23,42,.10);}
.public-btn-primary{border:1px solid #6c3ce1;background:#6c3ce1;color:#fff;}
.public-btn-light{border:1px solid #fff;background:#fff;color:#111827;}
.public-btn-outline{border:1px solid #cbd5e1;background:#fff;color:#344054;}
.public-btn-transparent{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;}
.public-hero-panel{background:linear-gradient(145deg,#6c3ce1 0%,#4f2bb5 100%);border-radius:28px;padding:38px;box-shadow:0 24px 55px rgba(76,42,174,.23);color:#fff;}
.public-panel-kicker{font-size:11px;font-weight:900;letter-spacing:1.4px;color:#ddd6fe;text-transform:uppercase;}
.public-hero-panel h2{font-size:34px;line-height:1.15;color:#fff;margin:12px 0 16px;font-weight:900;}
.public-hero-panel p{font-size:14px;line-height:1.8;color:#fff;margin:0;opacity:.94;}
.public-panel-points{display:grid;gap:9px;margin-top:22px;}
.public-panel-points span{font-size:12px;font-weight:800;color:#fff;}
.public-panel-points i{margin-right:7px;color:#ddd6fe;}
.public-section{padding:76px 0;}
.public-section-light{background:#fff;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;}
.public-section-tinted{background:linear-gradient(180deg,#f8f7ff 0%,#f3f4fb 100%);margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;border-top:1px solid #ece9fb;border-bottom:1px solid #e7e9f0;}
.public-section-dark{background:linear-gradient(135deg,#101827 0%,#172b43 100%);color:#fff;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;}
.public-section-heading{max-width:880px;margin:0 auto 31px;text-align:left;}
.public-section-heading h2{font-size:clamp(30px,4vw,45px);line-height:1.12;letter-spacing:-.7px;color:#111827;margin:9px 0 12px;font-weight:900;}
.public-section-heading p{font-size:15px;line-height:1.78;color:#667085;margin:0;}
.public-heading-light h2{color:#fff;}.public-heading-light p{color:#d0d5dd;}.public-heading-light .public-kicker{color:#c4b5fd;}
.public-about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;max-width:1120px;margin:0 auto;}
.public-value-stack{display:grid;gap:20px;}
.public-card{background:#fff;border:1px solid #e4e7ec;border-radius:20px;padding:27px;box-shadow:0 8px 24px rgba(15,23,42,.055);height:100%;}
.public-card:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(15,23,42,.09);transition:.18s ease;}
.public-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#ede9fe;color:#6c3ce1;font-size:18px;margin-bottom:14px;}
.public-card h3{color:#111827;font-size:19px;line-height:1.25;margin:0 0 10px;font-weight:850;}
.public-card p{color:#4b5563;font-size:13px;line-height:1.75;margin:0 0 11px;}
.public-card p:last-child{margin-bottom:0;}
.public-card strong{color:#111827;font-weight:850;}
.public-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto;}
.public-program-card{min-height:220px;}
.public-finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto;}
.public-finance-card{border-top:4px solid #6c3ce1;min-height:255px;display:flex;flex-direction:column;}
.public-finance-card .public-inline-link{margin-top:auto;align-self:flex-start;border:0;background:transparent;color:#5b21b6;font-weight:900;font-size:12px;padding:8px 0 0;cursor:pointer;}
.public-inline-link i{margin-left:5px;}
.public-responsible-note{max-width:1120px;margin:22px auto 0;padding:18px 20px;border:1px solid #ddd6fe;background:#faf9ff;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.public-responsible-note strong{display:block;color:#4c1d95;font-size:13px;margin-bottom:3px;}.public-responsible-note span{display:block;color:#667085;font-size:12px;line-height:1.55;}
.public-impact-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.public-impact-grid article{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:16px;padding:22px;min-height:150px;display:flex;flex-direction:column;}
.public-impact-grid i{font-size:20px;color:#c4b5fd;margin-bottom:16px;}.public-impact-grid strong{font-size:15px;color:#fff;margin-bottom:6px;}.public-impact-grid span{font-size:12px;color:#d0d5dd;line-height:1.6;}
.public-project-cta{max-width:1120px;margin:22px auto 0;padding:26px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:space-between;gap:24px;}
.public-project-cta h3{color:#fff;font-size:22px;margin:7px 0 8px;}.public-project-cta p{color:#d0d5dd;line-height:1.7;font-size:12px;margin:0;max-width:750px;}
.public-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;max-width:1120px;margin:0 auto;}
.public-growing-card{background:linear-gradient(135deg,#f5efff,#ede9fe);border-color:#d8ccfa;}.public-growing-card h3{color:#4c1d95;}.public-growing-card p{color:#374151;}
.public-membership-card{max-width:1120px;margin:0 auto;padding:36px;border-radius:24px;background:#fff;border:1px solid #ddd6fe;box-shadow:0 15px 38px rgba(76,42,174,.08);display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:center;}
.public-membership-card h2{font-size:36px;color:#111827;margin:8px 0 6px;line-height:1.15;}.public-membership-card h3{font-size:19px;color:#4c1d95;margin:0 0 14px;}.public-membership-card p{font-size:14px;color:#475467;line-height:1.8;margin:0 0 10px;}.public-membership-card strong{color:#111827;}
.public-membership-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;}.public-membership-actions .public-btn{width:100%;}.public-membership-actions span{font-size:10px;line-height:1.55;color:#667085;text-align:center;}
.public-partner-card{max-width:1120px;margin:0 auto;padding:38px;border-radius:24px;background:linear-gradient(135deg,#111827,#1f2937);border:1px solid #334155;box-shadow:0 18px 42px rgba(15,23,42,.18);display:flex;align-items:center;justify-content:space-between;gap:30px;}
.public-partner-card .public-kicker{color:#ddd6fe;}.public-partner-card h2{font-size:36px;line-height:1.15;color:#fff;margin:8px 0 14px;}.public-partner-card p{font-size:15px;line-height:1.8;color:#fff;margin:0;max-width:820px;}.public-partner-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;}
.public-contact-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.public-contact-card{display:flex;align-items:center;gap:15px;text-decoration:none;background:#fff;border:1px solid #e4e7ec;border-radius:17px;padding:20px;box-shadow:0 7px 22px rgba(15,23,42,.05);min-height:100px;}.public-contact-icon{width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:#ede9fe;color:#6c3ce1;display:grid;place-items:center;font-size:17px;}.public-contact-card strong,.public-contact-card b,.public-contact-card small{display:block;}.public-contact-card strong{font-size:12px;color:#667085;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;}.public-contact-card b{font-size:15px;color:#111827;line-height:1.4;}.public-contact-card small{font-size:11px;color:#667085;line-height:1.5;margin-top:3px;}
.public-contact-actions{max-width:1120px;margin:20px auto 0;display:flex;gap:10px;flex-wrap:wrap;}
.public-main-footer{background:#fff;border-top:1px solid #e5e7eb;padding:32px 24px 38px;text-align:center;color:#667085;}.public-footer-brand strong{display:block;color:#111827;font-size:19px;}.public-footer-brand span{display:block;margin-top:4px;font-size:12px;}.public-footer-links{max-width:900px;margin:18px auto;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;}.public-footer-links button,.public-footer-links a{border:0;background:transparent;color:#667085;font-size:11px;font-weight:800;padding:7px 9px;cursor:pointer;text-decoration:none;}.public-footer-links button:hover,.public-footer-links a:hover{color:#6c3ce1;}.public-main-footer p{max-width:800px;margin:12px auto 7px;font-size:11px;line-height:1.65;color:#667085;}.public-footer-copy{font-size:11px;font-weight:800;color:#6c3ce1;}
.public-loan-terms{min-height:100vh;background:#f6f7fb;padding:45px 24px 70px;}.public-loan-terms-inner{max-width:1000px;margin:0 auto;}.public-loan-terms-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:34px;box-shadow:0 12px 32px rgba(15,23,42,.07);}.public-loan-terms-card h1{font-size:40px;color:#111827;margin:8px 0 12px;}.public-loan-terms-card>p{color:#667085;line-height:1.75;font-size:14px;}.loan-rate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:24px 0;}.loan-rate-item{border:1px solid #e4e7ec;border-radius:16px;padding:20px;text-align:center;background:#fafafa;}.loan-rate-item strong{display:block;font-size:28px;color:#6c3ce1;}.loan-rate-item span{display:block;color:#344054;font-size:12px;font-weight:800;margin-top:5px;}.public-loan-note{padding:16px;border-radius:14px;background:#faf9ff;border:1px solid #ddd6fe;color:#4c1d95;font-size:12px;line-height:1.7;margin-top:18px;}
@media(max-width:1050px){.public-header-inner{align-items:flex-start;flex-direction:column}.public-main-nav{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.public-main-link{flex:0 0 auto}.public-login-button{flex:0 0 auto}.public-hero-section{grid-template-columns:1fr}.public-program-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.public-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.public-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.public-membership-card{grid-template-columns:1fr}.public-partner-card{align-items:flex-start;flex-direction:column;}}
@media(max-width:700px){.public-main-content{padding:0 16px}.public-section-light,.public-section-tinted,.public-section-dark{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.public-hero-section{padding:55px 0 48px;gap:28px}.public-hero-copy h1{font-size:39px;letter-spacing:-1px}.public-hero-copy p{font-size:14px}.public-hero-panel{padding:27px}.public-section{padding:55px 0}.public-section-heading h2{font-size:31px}.public-about-grid,.public-program-grid,.public-finance-grid,.public-trust-grid,.public-contact-grid{grid-template-columns:1fr}.public-impact-grid{grid-template-columns:1fr}.public-responsible-note{align-items:flex-start;flex-direction:column}.public-responsible-note .public-btn{width:100%}.public-membership-card,.public-partner-card{padding:27px}.public-membership-card h2,.public-partner-card h2{font-size:31px}.public-partner-actions{width:100%;}.public-partner-actions .public-btn{flex:1;}.public-contact-actions .public-btn{flex:1 1 45%;}.loan-rate-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.public-loan-terms-card{padding:24px;}.public-loan-terms-card h1{font-size:32px;}}
@media(max-width:430px){.public-contact-actions .public-btn{flex:1 1 100%;}.loan-rate-grid{grid-template-columns:1fr;}.public-brand small{max-width:220px;}}

#publicHomeContent,
#publicHomeContent .brightlife-public-page{background:#0b1220 !important;color:#f8fafc !important;}
#publicHomeContent .public-main-content{background:#0b1220 !important;}
#publicHomeContent .public-main-header{background:rgba(10,18,32,.92) !important;border-bottom:1px solid rgba(255,255,255,.12) !important;box-shadow:0 8px 28px rgba(0,0,0,.24) !important;backdrop-filter:blur(16px) !important;}
#publicHomeContent .public-brand strong,#publicHomeContent .public-brand small{color:#fff !important;}
#publicHomeContent .public-brand small{color:#cbd5e1 !important;}
#publicHomeContent .public-main-link{color:#e2e8f0 !important;}
#publicHomeContent .public-main-link:hover{background:rgba(255,255,255,.08) !important;color:#fff !important;}
#publicHomeContent .public-main-link.active{background:rgba(108,60,225,.28) !important;color:#fff !important;}
#publicHomeContent .public-login-button{background:#6c3ce1 !important;color:#fff !important;}
#publicHomeContent .public-hero-section{background:linear-gradient(135deg,#0b1220 0%,#111c31 55%,#172b43 100%) !important;}
#publicHomeContent .public-hero-copy h1,#publicHomeContent .public-hero-copy p,#publicHomeContent .public-hero-copy strong{color:#fff !important;}
#publicHomeContent .public-hero-copy p{color:#dbe4ef !important;}
#publicHomeContent .public-hero-copy .public-kicker,#publicHomeContent .public-section-heading .public-kicker{color:#c4b5fd !important;}
#publicHomeContent .public-hero-panel{background:rgba(255,255,255,.09) !important;border:1px solid rgba(255,255,255,.18) !important;box-shadow:0 22px 55px rgba(0,0,0,.24) !important;backdrop-filter:blur(14px) !important;}
#publicHomeContent .public-hero-panel h2,#publicHomeContent .public-hero-panel p,#publicHomeContent .public-panel-points span{color:#fff !important;}
#publicHomeContent .public-section-light,
#publicHomeContent .public-section-tinted,
#publicHomeContent .public-section-dark{background:linear-gradient(135deg,#101827 0%,#162338 100%) !important;border-color:rgba(255,255,255,.09) !important;}
#publicHomeContent .public-section-heading h2,#publicHomeContent .public-section-heading p{color:#fff !important;}
#publicHomeContent .public-section-heading p{color:#cbd5e1 !important;}
#publicHomeContent .public-card,
#publicHomeContent .public-membership-card,
#publicHomeContent .public-partner-card,
#publicHomeContent .public-contact-card,
#publicHomeContent .public-responsible-note,
#publicHomeContent .public-project-cta{background:rgba(255,255,255,.085) !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:0 18px 42px rgba(0,0,0,.22) !important;backdrop-filter:blur(12px) !important;}
#publicHomeContent .public-card h3,
#publicHomeContent .public-card p,
#publicHomeContent .public-card strong,
#publicHomeContent .public-membership-card h2,
#publicHomeContent .public-membership-card h3,
#publicHomeContent .public-membership-card p,
#publicHomeContent .public-membership-card strong,
#publicHomeContent .public-partner-card h2,
#publicHomeContent .public-partner-card p,
#publicHomeContent .public-contact-card strong,
#publicHomeContent .public-contact-card b,
#publicHomeContent .public-contact-card small,
#publicHomeContent .public-responsible-note strong,
#publicHomeContent .public-responsible-note span,
#publicHomeContent .public-project-cta h3,
#publicHomeContent .public-project-cta p{color:#fff !important;}
#publicHomeContent .public-card p,
#publicHomeContent .public-membership-actions span,
#publicHomeContent .public-project-cta p{color:#dbe4ef !important;}
#publicHomeContent .public-icon{background:rgba(196,181,253,.14) !important;color:#c4b5fd !important;border:1px solid rgba(196,181,253,.18) !important;}
#publicHomeContent .public-finance-card{border-top:4px solid #8b5cf6 !important;}
#publicHomeContent .public-finance-card .public-inline-link{color:#c4b5fd !important;}
#publicHomeContent .public-growing-card{background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(255,255,255,.09)) !important;border-color:rgba(196,181,253,.28) !important;}
#publicHomeContent .public-growing-card h3{color:#e9d5ff !important;}
#publicHomeContent .public-growing-card p{color:#f1f5f9 !important;}
#publicHomeContent .public-impact-grid article{background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.15) !important;}
#publicHomeContent .public-impact-grid strong,#publicHomeContent .public-impact-grid span{color:#fff !important;}
#publicHomeContent .public-impact-grid span{color:#dbe4ef !important;}
#publicHomeContent .public-contact-icon{background:rgba(196,181,253,.14) !important;color:#c4b5fd !important;}
#publicHomeContent .public-contact-card:hover,#publicHomeContent .public-card:hover,#publicHomeContent .public-project-cta:hover{transform:translateY(-3px) !important;border-color:rgba(196,181,253,.38) !important;}
#publicHomeContent .public-btn-light{background:#fff !important;color:#111827 !important;border-color:#fff !important;}
#publicHomeContent .public-btn-outline{background:rgba(255,255,255,.08) !important;color:#fff !important;border-color:rgba(255,255,255,.3) !important;}
#publicHomeContent .public-btn-transparent{background:rgba(255,255,255,.04) !important;color:#fff !important;border-color:rgba(255,255,255,.35) !important;}
#publicHomeContent .public-responsible-note strong{color:#e9d5ff !important;}
#publicHomeContent .public-main-footer{background:#080e19 !important;border-top:1px solid rgba(255,255,255,.1) !important;color:#cbd5e1 !important;}
#publicHomeContent .public-footer-brand strong,#publicHomeContent .public-footer-brand span,#publicHomeContent .public-main-footer p{color:#fff !important;}
#publicHomeContent .public-footer-links button{color:#cbd5e1 !important;}
#publicHomeContent .public-footer-links button:hover{color:#c4b5fd !important;}
#publicHomeContent .public-footer-copy{color:#c4b5fd !important;}

.brightlife-homepage .reference-member-card{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important;backdrop-filter:blur(12px)!important;}
.brightlife-homepage .reference-member-card .site-kicker,.brightlife-homepage .reference-member-card h2,.brightlife-homepage .reference-member-card p,.brightlife-homepage .reference-member-card strong{color:#fff!important;opacity:1!important;}
.brightlife-homepage .reference-member-card h2{line-height:1.15!important;}
.brightlife-homepage .reference-member-card .public-action.primary{background:#6c3ce1!important;color:#fff!important;border:1px solid #8b5cf6!important;}
.brightlife-homepage .reference-partner-card{background:rgba(10,18,32,.82)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important;backdrop-filter:blur(14px)!important;}


#app.registration-mode .tab-buttons{display:none !important;}
#app.registration-mode .auth-footer{display:none !important;}
#app.registration-mode .auth-back-row{margin-bottom:18px !important;}
#app.registration-mode .auth-back-btn{border:1px solid #e5e7eb !important;border-radius:12px !important;padding:10px 15px !important;font-weight:800 !important;color:#344054 !important;box-shadow:0 6px 18px rgba(15,23,42,.06) !important;}
#app.registration-mode #registerTab.active{position:relative !important;width:100% !important;max-width:none !important;}
#app.registration-mode #registerTab.active::after{display:none !important;}
#app.registration-mode .registration-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:24px;align-items:stretch;width:100%;}
#app.registration-mode .registration-form-panel{min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:32px;box-shadow:0 18px 45px rgba(15,23,42,.10);}
#app.registration-mode .registration-form-panel form{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;}
#app.registration-mode .registration-form-panel form::before,#app.registration-mode .registration-form-panel form::after{display:none !important;}
#app.registration-mode .registration-form-panel #registerMessage{margin-bottom:12px;}
#app.registration-mode .registration-welcome-panel{position:relative;overflow:hidden;border-radius:24px;padding:38px 34px;background:linear-gradient(135deg,#071426 0%,#0f2036 58%,#24364b 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(15,23,42,.20);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100%;}
#app.registration-mode .registration-welcome-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,22,.28),rgba(2,10,22,.04));pointer-events:none;}
#app.registration-mode .registration-welcome-panel>*{position:relative;z-index:1;}
#app.registration-mode .registration-panel-kicker{display:inline-block;font-size:11px;letter-spacing:.14em;font-weight:900;color:#c4b5fd;margin-bottom:12px;}
#app.registration-mode .registration-welcome-panel h2{margin:0 0 18px;color:#fff;font-size:32px;line-height:1.15;letter-spacing:-.5px;}
#app.registration-mode .registration-welcome-panel>p{margin:0 0 26px;color:#dbe4ef;font-size:15px;line-height:1.75;}
#app.registration-mode .registration-benefits{display:grid;gap:14px;margin-bottom:22px;}
#app.registration-mode .registration-benefits>div{display:flex;gap:13px;align-items:flex-start;}
#app.registration-mode .registration-benefits i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(196,181,253,.14);color:#c4b5fd;flex:0 0 34px;}
#app.registration-mode .registration-benefits strong{display:block;color:#fff;font-size:14px;line-height:1.35;}
#app.registration-mode .registration-benefits small{display:block;margin-top:3px;color:#b9c5d5;font-size:12px;line-height:1.45;}
#app.registration-mode .registration-note{display:flex;gap:10px;align-items:flex-start;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:11px;line-height:1.55;}
#app.registration-mode .registration-note i{color:#c4b5fd;margin-top:2px;}


#publicHomeContent .public-membership-page .public-membership-page-head{max-width:1120px;margin:0 auto 28px;padding:22px 0 0;}
#publicHomeContent .public-membership-page .public-membership-page-head h1{font-size:46px;line-height:1.08;letter-spacing:-1px;margin:8px 0 10px;color:#fff;}
#publicHomeContent .public-membership-page .public-membership-page-head p{max-width:760px;color:#dbe4ef;font-size:16px;line-height:1.75;margin:0;}
#publicHomeContent .public-membership-page .membership-page-grid{gap:24px;}
#publicHomeContent .public-membership-page .membership-page-card{border-radius:24px;box-shadow:0 18px 45px rgba(2,8,23,.18);}
#publicHomeContent .public-membership-page .membership-intro-card{background:linear-gradient(135deg,#0a1729 0%,#14243a 100%);border:1px solid rgba(255,255,255,.14);color:#fff;}
#publicHomeContent .public-membership-page .membership-intro-card h2,#publicHomeContent .public-membership-page .membership-intro-card p{color:#fff;}
#publicHomeContent .public-membership-page .membership-intro-card p{color:#dbe4ef;}
#publicHomeContent .public-membership-page .requirements-card{background:rgba(255,255,255,.92);border:1px solid rgba(148,163,184,.24);}
#publicHomeContent .public-membership-page .requirements-card h2{color:#101828;}
#publicHomeContent .public-membership-page .membership-next-step{border-radius:24px;background:linear-gradient(135deg,#111827,#1b2b41);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 40px rgba(2,8,23,.16);color:#fff;}
#publicHomeContent .public-membership-page .membership-next-step h2,#publicHomeContent .public-membership-page .membership-next-step p{color:#fff;}
@media(max-width:900px){
 #app.registration-mode{width:calc(100% - 28px) !important;}
 #app.registration-mode .registration-layout{grid-template-columns:1fr;}
 #app.registration-mode .registration-welcome-panel{min-height:auto;}
}
@media(max-width:600px){
 #app.registration-mode{width:calc(100% - 16px) !important;margin:10px auto !important;}
 #app.registration-mode .registration-form-panel{padding:22px 16px;border-radius:18px;}
 #app.registration-mode .registration-welcome-panel{padding:26px 20px;border-radius:18px;}
 #app.registration-mode .registration-welcome-panel h2{font-size:26px;}
 #publicHomeContent .public-membership-page .public-membership-page-head h1{font-size:34px;}
}


#publicHomeContent, #publicHomeContent .brightlife-public-page{overflow-x:hidden;}
#publicHomeContent .public-main-content{padding-bottom:0 !important;}


#publicHomeContent .public-main-content > .public-section{position:relative;isolation:isolate;}
#publicHomeContent .public-main-content > .public-section-light,
#publicHomeContent .public-main-content > .public-section-tinted,
#publicHomeContent .public-main-content > .public-section-dark{
    border:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}
#publicHomeContent .public-main-content > .public-section-tinted::before,
#publicHomeContent .public-main-content > .public-section-dark::before{
    content:"";
    position:absolute;
    left:-8%;
    right:-8%;
    top:-42px;
    height:84px;
    z-index:-1;
    border-radius:50% 50% 0 0 / 100% 100% 0 0;
    background:inherit;
    filter:blur(.2px);
}
#publicHomeContent .public-main-content > .public-section-tinted::after,
#publicHomeContent .public-main-content > .public-section-dark::after{
    content:"";
    position:absolute;
    left:-8%;
    right:-8%;
    bottom:-42px;
    height:84px;
    z-index:-1;
    border-radius:0 0 50% 50% / 0 0 100% 100%;
    background:inherit;
}
#publicHomeContent .public-main-content > .public-section-tinted + .public-section-dark::before,
#publicHomeContent .public-main-content > .public-section-dark + .public-section-light::before,
#publicHomeContent .public-main-content > .public-section-light + .public-section-tinted::before{
    top:-34px;
    height:68px;
}


#app.registration-mode{
    max-width:1120px !important;
    width:calc(100% - 40px) !important;
    margin:24px auto !important;
    padding:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
    overflow:visible !important;
}
#app.registration-mode .auth-back-row{max-width:none;margin:0 0 14px;}
#app.registration-mode .auth-back-btn{background:#fff;}
#app.registration-mode .auth-logo{
    display:none !important;
}
#app.registration-mode #registerTab.active{
    width:100%;
    max-width:none;
}
#app.registration-mode #registerTab.active::after{
    content:"Join SND Brightlife CBO\A\A Become part of a community focused on saving, learning, entrepreneurship, empowerment and responsible growth.\A\A Your registration creates your member account so you can participate in eligible Brightlife programmes.";
    white-space:pre-line;
    position:absolute;
    left:calc(58% + 18px);
    top:0;
    width:calc(42% - 18px);
    min-height:100%;
    padding:38px 34px;
    box-sizing:border-box;
    border-radius:24px;
    background:linear-gradient(145deg,#111827,#172b43);
    color:#e5e7eb;
    font-size:15px;
    line-height:1.8;
    font-weight:600;
    box-shadow:0 18px 45px rgba(15,23,42,.18);
    pointer-events:none;
}
#app.registration-mode #registerTab.active{position:relative;}
#app.registration-mode #registerTab.active form{
    width:58%;
    max-width:none;
    margin:0;
    padding:34px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:24px;
    box-shadow:0 18px 45px rgba(15,23,42,.10);
}
#app.registration-mode #registerTab.active form::before{
    content:"NEW MEMBER REGISTRATION";
    display:block;
    margin-bottom:7px;
    color:#6c3ce1;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
}
#app.registration-mode #registerTab.active form::after{
    content:"Create your Brightlife member account";
    display:block;
    margin:-2px 0 22px;
    color:#344054;
    font-size:24px;
    line-height:1.2;
    font-weight:900;
}


@media (max-width:900px){
    #app.registration-mode{width:calc(100% - 28px) !important;}
    #app.registration-mode #registerTab.active form{width:100%;padding:28px 22px;}
    #app.registration-mode #registerTab.active::after{
        position:static;
        width:100%;
        min-height:0;
        margin-top:16px;
        padding:24px 22px;
    }
}
@media (max-width:700px){
    #publicHomeContent .public-section{padding:48px 0;}
    #publicHomeContent .public-main-content{padding-left:14px;padding-right:14px;}
    #publicHomeContent .public-section-light,
    #publicHomeContent .public-section-tinted,
    #publicHomeContent .public-section-dark{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px;}
    #publicHomeContent .public-main-content > .public-section-tinted::before,
    #publicHomeContent .public-main-content > .public-section-dark::before{top:-26px;height:52px;}
    #publicHomeContent .public-main-content > .public-section-tinted::after,
    #publicHomeContent .public-main-content > .public-section-dark::after{bottom:-26px;height:52px;}
    #app.registration-mode{width:calc(100% - 16px) !important;margin:12px auto !important;}
    #app.registration-mode #registerTab.active form{padding:22px 16px;border-radius:18px;}
    #app.registration-mode #registerTab.active form::after{font-size:21px;}
}
@media (max-width:600px){
    #publicHomeContent .public-header-inner{padding:10px 14px;gap:10px;}
    #publicHomeContent .public-brand{min-width:0;width:100%;} 
    #publicHomeContent .public-brand img{width:44px;height:44px;}
    #publicHomeContent .public-brand strong{font-size:16px;}
    #publicHomeContent .public-brand small{font-size:9px;}
    #publicHomeContent .public-main-nav{gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
    #publicHomeContent .public-main-nav::-webkit-scrollbar{display:none;}
    #publicHomeContent .public-main-link{font-size:11px;padding:9px 8px;}
    #publicHomeContent .public-login-button{font-size:11px;padding:10px 12px;}
    #app.registration-mode{width:100% !important;margin:8px 0 !important;}
}
@media (max-width:430px){
    #publicHomeContent .public-section{padding:40px 0;}
    #app.registration-mode{width:calc(100% - 10px) !important;}
    #app.registration-mode #registerTab.active form{padding:18px 13px;}
    #app.registration-mode #registerTab.active::after{padding:20px 16px;font-size:13px;}
}

#mainWrapper.public-site-mode{padding:0 !important;margin:0 !important;width:100% !important;max-width:none !important;}#mainWrapper.with-sidebar.public-site-mode{margin-left:var(--sidebar-width)!important;width:calc(100% - var(--sidebar-width))!important;box-sizing:border-box!important;}@media(max-width:900px){#mainWrapper.with-sidebar.public-site-mode{margin-left:0!important;width:100%!important;}}
#mainWrapper.public-site-mode #publicHomeLanding,#mainWrapper.public-site-mode #publicHomeContent{width:100% !important;margin:0 !important;padding:0 !important;}#mainWrapper.public-site-mode{margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:0!important;}#mainWrapper.public-site-mode #dashboard{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;}
#publicHomeContent .public-nav-group{position:relative;display:flex;align-items:center;}
#publicHomeContent .public-nav-group-trigger{display:inline-flex;align-items:center;gap:7px;}
#publicHomeContent .public-nav-group-trigger i{font-size:9px;transition:transform .18s ease;}
#publicHomeContent .public-nav-group:hover .public-nav-group-trigger i,#publicHomeContent .public-nav-group.open .public-nav-group-trigger i{transform:rotate(180deg);}
#publicHomeContent .public-nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:205px;padding:7px;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:rgba(8,18,33,.97);box-shadow:0 18px 40px rgba(2,8,23,.24);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:1000;}
#publicHomeContent .public-nav-dropdown::before{content:"";position:absolute;top:-7px;left:22px;width:12px;height:12px;background:rgba(8,18,33,.97);border-left:1px solid rgba(148,163,184,.28);border-top:1px solid rgba(148,163,184,.28);transform:rotate(45deg);}
#publicHomeContent .public-nav-group:hover .public-nav-dropdown,#publicHomeContent .public-nav-group:focus-within .public-nav-dropdown,#publicHomeContent .public-nav-group.open .public-nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
#publicHomeContent .public-nav-dropdown button{display:flex;width:100%;align-items:center;text-align:left;border:0;background:transparent;color:#e5e7eb;padding:10px 12px;border-radius:9px;font-family:inherit;font-size:12px;line-height:1.25;font-weight:800;cursor:pointer;white-space:nowrap;}
#publicHomeContent .public-nav-dropdown button:hover,#publicHomeContent .public-nav-dropdown button:focus-visible{background:rgba(139,92,246,.20);color:#fff;outline:none;}
#publicHomeContent .public-nav-dropdown button.active{background:rgba(139,92,246,.22);color:#fff;}
#publicHomeContent #public-home > section:not(:first-of-type){overflow:visible !important;}
#publicHomeContent #public-home > section:not(:first-of-type)::before{content:"";position:absolute;left:-7%;right:-7%;top:-54px;height:82px;z-index:1;pointer-events:none;border-radius:50% 50% 0 0 / 100% 100% 0 0;background:inherit;}
#publicHomeContent #public-home > section:not(:first-of-type) > *{position:relative;z-index:2;}
@media (max-width:980px){
 #publicHomeContent .public-header-inner{align-items:flex-start;flex-direction:column;}
 #publicHomeContent .public-main-nav{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
 #publicHomeContent .public-main-nav::-webkit-scrollbar{display:none;}
 #publicHomeContent .public-nav-group{flex:0 0 auto;}
}
@media (max-width:600px){
 #publicHomeContent .public-nav-dropdown{position:fixed;left:12px;right:12px;top:112px;min-width:0;width:auto;}
 #publicHomeContent .public-nav-dropdown::before{display:none;}
 #publicHomeContent #public-home > section:not(:first-of-type)::before{top:-32px;height:52px;}
}
@media (max-width:430px){#publicHomeContent .public-nav-dropdown{left:8px;right:8px;top:108px;}#publicHomeContent #public-home > section:not(:first-of-type)::before{top:-25px;height:42px;}}


#publicHomeContent #public-home > section{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  max-width:none !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center !important;
}
#publicHomeContent #public-home > section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%) !important;
}
#publicHomeContent #public-home > section > *{
  position:relative !important;
  z-index:2 !important;
}


#publicHomeContent #public-home > section:first-of-type{
  background-image:url('assets/images/client-poultry-01.jpeg') !important;
  background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(2){
  background-image:url('assets/images/client-water-collection-01.jpeg') !important;
  background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(3){
  background-image:url('assets/images/client-water-jerrycans-01.jpeg') !important;
  background-position:center !important;
}
#publicHomeContent #public-home > section:nth-of-type(4){
  background-image:url('assets/images/client-community-transport-01.jpeg') !important;
  background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(5){
  background-image:url('assets/images/client-water-equipment-01.jpeg') !important;
  background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(6){
  background-image:url('assets/images/client-water-collection-01.jpeg') !important;
  background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(7){
  background-image:url('assets/images/client-water-jerrycans-01.jpeg') !important;
  background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(8){
  background-image:url('assets/images/client-poultry-01.jpeg') !important;
  background-position:center right !important;
}


#publicHomeContent #public-home > section:first-of-type{
  min-height:560px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr) !important;
  align-items:center !important;
  gap:clamp(34px,6vw,90px) !important;
  padding:clamp(70px,8vw,100px) clamp(20px,7vw,110px) !important;
}
#publicHomeContent #public-home > section:first-of-type::before{
  background:linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%) !important;
}
#publicHomeContent #public-home > section:first-of-type > div:first-child{max-width:800px !important;}
#publicHomeContent #public-home > section:first-of-type > div:last-child{
  background:rgba(255,255,255,.13) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(14px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(120%) !important;
  border-radius:30px !important;
}


#publicHomeContent #public-home > section:not(:first-of-type){
  padding:clamp(70px,7vw,100px) clamp(20px,7vw,110px) !important;
}
#publicHomeContent #public-home > section:not(:first-of-type) .public-section-heading{
  width:min(100%,980px) !important;
  margin:0 auto 32px !important;
  padding:clamp(24px,3vw,38px) !important;
  background:rgba(255,255,255,.115) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:28px !important;
  box-shadow:0 20px 50px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(13px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(13px) saturate(120%) !important;
}
#publicHomeContent #public-home > section:not(:first-of-type) .public-section-heading h2,
#publicHomeContent #public-home > section:not(:first-of-type) .public-section-heading p,
#publicHomeContent #public-home > section:not(:first-of-type) .public-section-heading span{
  color:#fff !important;
}


#publicHomeContent #public-home > section:not(:first-of-type) .public-card,
#publicHomeContent #public-home > section:not(:first-of-type) .public-membership-card,
#publicHomeContent #public-home > section:not(:first-of-type) .public-partner-card,
#publicHomeContent #public-home > section:not(:first-of-type) .public-contact-card,
#publicHomeContent #public-home > section:not(:first-of-type) .public-responsible-note,
#publicHomeContent #public-home > section:not(:first-of-type) .public-project-cta{
  background:rgba(255,255,255,.105) !important;
  border:1px solid rgba(255,255,255,.19) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(12px) saturate(115%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(115%) !important;
}
#publicHomeContent #public-home > section:not(:first-of-type) .public-card h3,
#publicHomeContent #public-home > section:not(:first-of-type) .public-card p,
#publicHomeContent #public-home > section:not(:first-of-type) .public-card strong,
#publicHomeContent #public-home > section:not(:first-of-type) .public-membership-card h2,
#publicHomeContent #public-home > section:not(:first-of-type) .public-membership-card h3,
#publicHomeContent #public-home > section:not(:first-of-type) .public-membership-card p,
#publicHomeContent #public-home > section:not(:first-of-type) .public-partner-card h2,
#publicHomeContent #public-home > section:not(:first-of-type) .public-partner-card p,
#publicHomeContent #public-home > section:not(:first-of-type) .public-contact-card strong,
#publicHomeContent #public-home > section:not(:first-of-type) .public-contact-card b,
#publicHomeContent #public-home > section:not(:first-of-type) .public-contact-card small,
#publicHomeContent #public-home > section:not(:first-of-type) .public-project-cta h3,
#publicHomeContent #public-home > section:not(:first-of-type) .public-project-cta p{
  color:#fff !important;
}


#publicHomeContent #public-home > section:not(:first-of-type)::after{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  left:-5% !important;
  bottom:-34px !important;
  width:110% !important;
  height:70px !important;
  border-radius:50% 50% 0 0 / 100% 100% 0 0 !important;
  background:rgba(5,20,39,.42) !important;
  pointer-events:none !important;
  filter:blur(1px) !important;
}
#publicHomeContent #public-home > section:last-of-type::after{display:none !important;}

@media(max-width:900px){
  #publicHomeContent #public-home > section:first-of-type{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  #publicHomeContent #public-home > section:first-of-type > div:last-child{max-width:760px !important;width:100% !important;justify-self:center !important;}
}
@media(max-width:680px){
  #publicHomeContent #public-home > section,
  #publicHomeContent #public-home > section:not(:first-of-type){
    padding-left:18px !important;
    padding-right:18px !important;
  }
  #publicHomeContent #public-home > section:first-of-type{
    min-height:auto !important;
    padding-top:58px !important;
    padding-bottom:58px !important;
    background-position:65% center !important;
  }
  #publicHomeContent #public-home > section:first-of-type > div:last-child{
    border-radius:22px !important;
  }
  #publicHomeContent #public-home > section:not(:first-of-type) .public-section-heading{
    border-radius:22px !important;
    padding:22px !important;
    margin-bottom:24px !important;
  }
  #publicHomeContent #public-home > section:not(:first-of-type)::after{
    bottom:-24px !important;
    height:50px !important;
  }
  #publicHomeContent #public-home > section::before{
    background:linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%) !important;
  }
}


#publicHomeContent #public-home > section::before{
  background:linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%) !important;
}
@media(max-width:680px){
  #publicHomeContent #public-home > section::before{
    background:linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 28%,rgba(5,20,39,.80) 52%,rgba(5,20,39,.58) 76%,rgba(5,20,39,.34) 100%) !important;
  }
}


#publicHomeContent #public-home > section:first-of-type{
  background-image:
    linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%),
    url('assets/images/client-poultry-01.jpeg') !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(2){
  background-image:
    linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%),
    url('assets/images/client-water-collection-01.jpeg') !important;
  background-repeat:no-repeat !important;background-size:cover !important;background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(3){
  background-image:
    linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%),
    url('assets/images/client-water-jerrycans-01.jpeg') !important;
  background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important;
}
#publicHomeContent #public-home > section:nth-of-type(4){
  background-image:
    linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%),
    url('assets/images/client-community-transport-01.jpeg') !important;
  background-repeat:no-repeat !important;background-size:cover !important;background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(5){
  background-image:
    linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%),
    url('assets/images/client-water-equipment-01.jpeg') !important;
  background-repeat:no-repeat !important;background-size:cover !important;background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(6){
  background-image:
    linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%),
    url('assets/images/client-water-collection-01.jpeg') !important;
  background-repeat:no-repeat !important;background-size:cover !important;background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(7){
  background-image:
    linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%),
    url('assets/images/client-water-jerrycans-01.jpeg') !important;
  background-repeat:no-repeat !important;background-size:cover !important;background-position:center right !important;
}
#publicHomeContent #public-home > section:nth-of-type(8){
  background-image:
    linear-gradient(90deg,rgba(5,20,39,.99) 0%,rgba(5,20,39,.94) 24%,rgba(5,20,39,.78) 48%,rgba(5,20,39,.58) 68%,rgba(5,20,39,.38) 84%,rgba(5,20,39,.28) 100%),
    url('assets/images/client-poultry-01.jpeg') !important;
  background-repeat:no-repeat !important;background-size:cover !important;background-position:center right !important;
}

#publicHomeContent #public-home > section::before{background:transparent !important;}
@media(max-width:680px){
  #publicHomeContent #public-home > section:first-of-type{background-position:65% center !important;}
}


#publicHomeContent #public-home > section:first-of-type{
  margin-bottom:0 !important;
}
#publicHomeContent #public-home > section:nth-of-type(2){
  margin-top:0 !important;
  padding-top:clamp(38px,4vw,56px) !important;
}
#publicHomeContent #public-home > section:nth-of-type(2) .public-section-heading{
  margin-top:-32px !important;
}
@media(max-width:680px){
  #publicHomeContent #public-home > section:nth-of-type(2){
    padding-top:28px !important;
  }
  #publicHomeContent #public-home > section:nth-of-type(2) .public-section-heading{
    margin-top:-18px !important;
  }
}


#publicHomeContent .public-site > header{
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  z-index:99999 !important;
}
#publicHomeContent #public-home{
  padding-top:0 !important;
  margin-top:0 !important;
}
#publicHomeContent .public-main-content{
  padding-top:0 !important;
  margin-top:0 !important;
}
#publicHomeContent #public-home > section:first-of-type{
  margin-top:0 !important;
}


#publicHomeContent #public-home{
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
#publicHomeContent #public-home > section{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
}
#publicHomeContent #public-home > section:not(:first-of-type){
  padding-top:clamp(46px,5vw,72px) !important;
  padding-bottom:clamp(46px,5vw,72px) !important;
}
#publicHomeContent #public-home > section:first-of-type{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

#publicHomeContent #public-home > section:not(:first-of-type) .public-section-heading{
  margin-top:0 !important;
  margin-bottom:clamp(22px,2.5vw,32px) !important;
}

#publicHomeContent #public-home > section:first-of-type h1,
#publicHomeContent #public-home .public-hero-copy h1{
  font-size:clamp(2.45rem,4.2vw,3.75rem) !important;
  line-height:1.08 !important;
  letter-spacing:-1.5px !important;
}
#publicHomeContent #public-home .public-section-heading h2{
  font-size:clamp(1.9rem,3.1vw,2.7rem) !important;
  line-height:1.15 !important;
  letter-spacing:-.7px !important;
}
#publicHomeContent #public-home .public-hero-panel h2,
#publicHomeContent #public-home .public-membership-card h2,
#publicHomeContent #public-home .public-partner-card h2{
  font-size:clamp(1.65rem,2.7vw,2.25rem) !important;
  line-height:1.18 !important;
}
#publicHomeContent #public-home .public-card h3{
  font-size:clamp(1.05rem,1.6vw,1.28rem) !important;
  line-height:1.3 !important;
}
#publicHomeContent #public-home .public-section-heading p{
  font-size:clamp(.94rem,1.15vw,1.05rem) !important;
  line-height:1.7 !important;
}

#publicHomeContent #public-home > section:first-of-type{
  min-height:520px !important;
  padding-top:clamp(52px,6vw,78px) !important;
  padding-bottom:clamp(52px,6vw,78px) !important;
}
@media(max-width:900px){
  #publicHomeContent #public-home > section:not(:first-of-type){
    padding-top:44px !important;
    padding-bottom:44px !important;
  }
  #publicHomeContent #public-home > section:first-of-type h1,
  #publicHomeContent #public-home .public-hero-copy h1{
    font-size:clamp(2.15rem,6.5vw,3.2rem) !important;
  }
}
@media(max-width:600px){
  #publicHomeContent #public-home > section:not(:first-of-type){
    padding-top:36px !important;
    padding-bottom:36px !important;
  }
  #publicHomeContent #public-home > section:first-of-type{
    min-height:auto !important;
    padding-top:34px !important;
    padding-bottom:34px !important;
  }
  #publicHomeContent #public-home > section:first-of-type h1,
  #publicHomeContent #public-home .public-hero-copy h1{
    font-size:clamp(1.9rem,8.5vw,2.65rem) !important;
    letter-spacing:-.8px !important;
  }
  #publicHomeContent #public-home .public-section-heading h2{
    font-size:clamp(1.65rem,7vw,2.1rem) !important;
  }
  #publicHomeContent #public-home .public-hero-panel h2,
  #publicHomeContent #public-home .public-membership-card h2,
  #publicHomeContent #public-home .public-partner-card h2{
    font-size:clamp(1.45rem,6vw,1.9rem) !important;
  }
}


#publicHomeContent #public-home > section:not(:first-of-type)::before,
#publicHomeContent #public-home > section:not(:first-of-type)::after{
  content:none !important;
  display:none !important;
}
#publicHomeContent #public-home > section::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,
    rgba(5,20,39,.99) 0%,
    rgba(5,20,39,.94) 24%,
    rgba(5,20,39,.78) 48%,
    rgba(5,20,39,.58) 68%,
    rgba(5,20,39,.38) 84%,
    rgba(5,20,39,.28) 100%) !important;
}
#publicHomeContent #public-home > section > *{
  position:relative !important;
  z-index:2 !important;
}

#publicHomeContent #public-home > section:first-of-type::before{
  background:linear-gradient(90deg,
    rgba(5,20,39,.99) 0%,
    rgba(5,20,39,.94) 24%,
    rgba(5,20,39,.78) 48%,
    rgba(5,20,39,.58) 68%,
    rgba(5,20,39,.38) 84%,
    rgba(5,20,39,.28) 100%) !important;
}
@media(max-width:680px){
  #publicHomeContent #public-home > section::before,
  #publicHomeContent #public-home > section:first-of-type::before{
    background:linear-gradient(90deg,
      rgba(5,20,39,.99) 0%,
      rgba(5,20,39,.94) 28%,
      rgba(5,20,39,.80) 52%,
      rgba(5,20,39,.58) 76%,
      rgba(5,20,39,.34) 100%) !important;
  }
}

#publicHomeContent #public-home > section,
#publicHomeContent #public-home > section:not(:first-of-type){
  box-shadow:none !important;
}

#publicHomeContent .public-contact-panel{
    max-width:1120px;
    margin:0 auto;
    padding:22px;
    border-radius:24px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 16px 38px rgba(0,0,0,.16);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
#publicHomeContent .public-contact-panel .public-contact-grid{max-width:none;margin:0;}
@media(max-width:700px){
    #publicHomeContent .public-contact-panel{padding:12px;border-radius:20px;}
}

#app.registration-mode .registration-login-link{margin-top:18px;align-self:flex-start;border:0;background:transparent;color:#c4b5fd;padding:7px 0;font:800 12px/1.4 inherit;cursor:pointer;}
#app.registration-mode .registration-login-link:hover{text-decoration:underline;}
#publicHomeContent .public-membership-page .public-membership-page-head{padding-top:18px;}
#publicHomeContent .public-membership-page .membership-intro-card h2{font-size:34px;line-height:1.16;letter-spacing:-.4px;}
#publicHomeContent .public-membership-page .requirements-card h2{font-size:28px;line-height:1.2;}
@media(max-width:600px){#publicHomeContent .public-membership-page .membership-intro-card h2{font-size:28px;}#publicHomeContent .public-membership-page .requirements-card h2{font-size:24px;}}


#publicHomeContent .public-membership-page{
    position:relative;
    isolation:isolate;
    background:#fff !important;
    color:#111827 !important;
    min-height:100vh;
    overflow:hidden;
}


#publicHomeContent .public-membership-page::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
    background:
        radial-gradient(ellipse 70% 55% at 0% 18%, rgba(15,23,42,.13) 0%, rgba(15,23,42,.055) 34%, transparent 70%),
        radial-gradient(ellipse 65% 50% at 100% 72%, rgba(15,23,42,.10) 0%, rgba(15,23,42,.035) 38%, transparent 72%);
}

#publicHomeContent .public-membership-page::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:260px;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(15,23,42,.11) 0%, rgba(15,23,42,.045) 38%, rgba(255,255,255,0) 100%);
}


#publicHomeContent .public-membership-page .public-membership-page-head h1,
#publicHomeContent .public-membership-page .membership-page-card h2,
#publicHomeContent .public-membership-page .membership-next-step h2{
    color:#111827 !important;
}

#publicHomeContent .public-membership-page .public-membership-page-head p,
#publicHomeContent .public-membership-page .membership-page-card p,
#publicHomeContent .public-membership-page .membership-next-step p{
    color:#1f2937 !important;
}

#publicHomeContent .public-membership-page .public-kicker{
    color:#4c1d95 !important;
    font-weight:900;
    letter-spacing:.12em;
}


#publicHomeContent .public-membership-page .membership-page-card{
    background:rgba(255,255,255,.96) !important;
    border:1px solid #d9dee7 !important;
    box-shadow:0 18px 45px rgba(15,23,42,.12) !important;
    color:#111827 !important;
}

#publicHomeContent .public-membership-page .membership-intro-card{
    background:
        linear-gradient(135deg, rgba(15,23,42,.055), rgba(255,255,255,.98) 58%, rgba(15,23,42,.025)) !important;
    border-left:4px solid #111827 !important;
}

#publicHomeContent .public-membership-page .requirements-card{
    background:
        linear-gradient(135deg, rgba(255,255,255,.99), rgba(248,250,252,.98)) !important;
    border-right:4px solid #111827 !important;
}

#publicHomeContent .public-membership-page .membership-requirement-list strong{
    color:#111827 !important;
}

#publicHomeContent .public-membership-page .membership-requirement-list p{
    color:#374151 !important;
}

#publicHomeContent .public-membership-page .requirement-icon{
    box-shadow:0 8px 18px rgba(15,23,42,.10);
}


#publicHomeContent .public-membership-page .membership-next-step{
    background:
        linear-gradient(105deg, rgba(15,23,42,.12) 0%, rgba(15,23,42,.055) 34%, rgba(255,255,255,.98) 82%) !important;
    border:1px solid #d9dee7 !important;
    color:#111827 !important;
    box-shadow:0 18px 40px rgba(15,23,42,.11) !important;
}

#publicHomeContent .public-membership-page .membership-next-step .public-kicker{
    color:#4c1d95 !important;
}


#publicHomeContent .public-membership-page .public-btn,
#publicHomeContent .public-membership-page a,
#publicHomeContent .public-membership-page button{
    
}

@media (max-width:700px){
    #publicHomeContent .public-membership-page::before{
        background:
            radial-gradient(ellipse 100% 35% at 0% 8%, rgba(15,23,42,.10) 0%, transparent 68%),
            radial-gradient(ellipse 100% 35% at 100% 92%, rgba(15,23,42,.075) 0%, transparent 70%);
    }
    #publicHomeContent .public-membership-page .membership-intro-card,
    #publicHomeContent .public-membership-page .requirements-card{
        border-left:1px solid #d9dee7 !important;
        border-right:1px solid #d9dee7 !important;
        border-top:3px solid #111827 !important;
    }
}



#publicHomeContent .public-membership-page{
    font-family:inherit;
    line-height:1.6;
}


#publicHomeContent .public-membership-page .public-main-header{
    margin-bottom:0 !important;
}

#publicHomeContent .public-membership-page .public-membership-main{
    width:min(1180px, calc(100% - 48px));
    margin:0 auto !important;
    padding:56px 0 72px !important;
}

#publicHomeContent .public-membership-page .public-membership-page-head{
    margin:0 auto 34px !important;
    padding:0 !important;
    max-width:980px;
}

#publicHomeContent .public-membership-page .public-membership-page-head h1{
    margin:8px 0 14px !important;
    font-size:clamp(32px, 4vw, 46px) !important;
    line-height:1.12 !important;
    letter-spacing:-.7px !important;
}

#publicHomeContent .public-membership-page .public-membership-page-head p{
    max-width:820px !important;
    margin:0 !important;
    font-size:17px !important;
    line-height:1.75 !important;
}


#publicHomeContent .public-membership-page .membership-page-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:28px !important;
    align-items:stretch;
    margin-bottom:30px;
}

#publicHomeContent .public-membership-page .membership-page-card{
    padding:34px !important;
    border-radius:22px !important;
    min-width:0;
}

#publicHomeContent .public-membership-page .membership-page-card .public-kicker{
    display:block;
    margin-bottom:12px;
    font-size:12px;
    line-height:1.3;
    letter-spacing:.12em;
}

#publicHomeContent .public-membership-page .membership-page-card h2{
    margin:0 0 18px !important;
    font-size:clamp(25px, 3vw, 34px) !important;
    line-height:1.2 !important;
    letter-spacing:-.35px !important;
}

#publicHomeContent .public-membership-page .membership-intro-card p{
    margin:0 0 16px !important;
    font-size:16px !important;
    line-height:1.75 !important;
}

#publicHomeContent .public-membership-page .membership-intro-card p:last-of-type{
    margin-bottom:24px !important;
}


#publicHomeContent .public-membership-page .membership-requirement-list{
    display:grid;
    gap:0;
    margin-top:20px;
    padding:0;
}

#publicHomeContent .public-membership-page .membership-requirement-list > div{
    position:relative;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:15px;
    align-items:start;
    padding:20px 0;
    border-top:1px solid #e5e7eb;
}

#publicHomeContent .public-membership-page .membership-requirement-list > div:first-child{
    border-top:0;
    padding-top:4px;
}

#publicHomeContent .public-membership-page .membership-requirement-list > div:last-child{
    padding-bottom:4px;
}

#publicHomeContent .public-membership-page .requirement-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#f3f4f6;
    color:#111827;
    border:1px solid #dfe3e8;
    flex:0 0 42px;
}

#publicHomeContent .public-membership-page .membership-requirement-list strong{
    display:block;
    margin:0 0 5px !important;
    color:#111827 !important;
    font-size:16px !important;
    line-height:1.4 !important;
    font-weight:800 !important;
}

#publicHomeContent .public-membership-page .membership-requirement-list p{
    margin:0 !important;
    color:#374151 !important;
    font-size:14px !important;
    line-height:1.65 !important;
}


#publicHomeContent .public-membership-page .membership-requirement-list > div::before{
    content:"";
    position:absolute;
    left:-10px;
    top:29px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#4c1d95;
}

#publicHomeContent .public-membership-page .membership-requirement-list > div:first-child::before{
    display:none;
}


#publicHomeContent .public-membership-page .membership-page-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    align-items:center;
    margin-top:24px;
}

#publicHomeContent .public-membership-page .membership-next-step{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:0 !important;
    padding:30px 34px !important;
    min-height:150px;
}

#publicHomeContent .public-membership-page .membership-next-step h2{
    margin:6px 0 9px !important;
    font-size:clamp(24px, 3vw, 31px) !important;
    line-height:1.2 !important;
}

#publicHomeContent .public-membership-page .membership-next-step p{
    max-width:720px;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.7 !important;
}


#publicHomeContent .public-membership-page .public-main-footer{
    margin-top:0 !important;
}


@media (max-width:900px){
    #publicHomeContent .public-membership-page .public-membership-main{
        width:min(100% - 32px, 760px);
        padding:42px 0 56px !important;
    }

    #publicHomeContent .public-membership-page .membership-page-grid{
        grid-template-columns:1fr;
        gap:22px !important;
    }

    #publicHomeContent .public-membership-page .membership-next-step{
        align-items:flex-start;
        flex-direction:column;
        gap:20px;
    }
}

@media (max-width:600px){
    #publicHomeContent .public-membership-page .public-membership-main{
        width:calc(100% - 24px);
        padding:32px 0 44px !important;
    }

    #publicHomeContent .public-membership-page .public-membership-page-head{
        margin-bottom:24px !important;
    }

    #publicHomeContent .public-membership-page .public-membership-page-head h1{
        font-size:32px !important;
    }

    #publicHomeContent .public-membership-page .public-membership-page-head p{
        font-size:15px !important;
        line-height:1.7 !important;
    }

    #publicHomeContent .public-membership-page .membership-page-card{
        padding:24px 20px !important;
        border-radius:18px !important;
    }

    #publicHomeContent .public-membership-page .membership-page-card h2{
        font-size:25px !important;
    }

    #publicHomeContent .public-membership-page .membership-intro-card p{
        font-size:15px !important;
    }

    #publicHomeContent .public-membership-page .membership-requirement-list > div{
        grid-template-columns:40px minmax(0,1fr);
        gap:12px;
        padding:17px 0;
    }

    #publicHomeContent .public-membership-page .requirement-icon{
        width:38px;
        height:38px;
    }

    #publicHomeContent .public-membership-page .membership-requirement-list > div::before{
        left:-7px;
        top:26px;
    }

    #publicHomeContent .public-membership-page .membership-next-step{
        padding:24px 20px !important;
        border-radius:18px !important;
    }

    #publicHomeContent .public-membership-page .membership-page-actions{
        align-items:stretch;
        flex-direction:column;
    }
}


.brightlife-public-page > .public-main-header,
.public-membership-page > .public-main-header{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    z-index:10000 !important;
    margin:0 !important;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    will-change:transform;
}


.brightlife-public-page.public-header-reserved,
.public-membership-page.public-header-reserved{
    padding-top:var(--public-header-height, 0px) !important;
}


.brightlife-public-page .public-anchor,
.public-membership-page .public-anchor{
    scroll-margin-top:calc(var(--public-header-height, 0px) + 14px) !important;
}

@media (max-width:700px){
    .public-header-inner{
        padding-left:14px !important;
        padding-right:14px !important;
    }
    .brightlife-public-page .public-anchor,
    .public-membership-page .public-anchor{
        scroll-margin-top:calc(var(--public-header-height, 0px) + 10px) !important;
    }
}




#settingsSection #nav-settings{
  pointer-events:auto !important;
  cursor:pointer !important;
  opacity:1 !important;
}
#settingsSection #nav-settings[disabled]{
  pointer-events:auto !important;
  cursor:pointer !important;
  opacity:1 !important;
}

.bl-inner-page{min-height:100vh;background:#f6f8fb;color:#122033}.bl-inner-header{position:sticky;top:0;z-index:1000;background:rgba(7,20,38,.96);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.14)}.bl-inner-head{max-width:1220px;margin:auto;padding:13px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bl-brand{display:flex;align-items:center;gap:11px;background:none;border:0;color:#fff;text-align:left;cursor:pointer}.bl-brand img{width:44px;height:44px;border-radius:12px;object-fit:cover}.bl-brand strong{display:block;font-size:15px}.bl-brand small{display:block;color:rgba(255,255,255,.65);font-size:9px;margin-top:3px;max-width:300px}.bl-inner-head nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.bl-inner-head nav button{border:0;background:transparent;color:#fff;padding:9px 10px;border-radius:8px;font-weight:800;font-size:11px;cursor:pointer}.bl-inner-head nav button:hover{background:rgba(255,255,255,.1)}.bl-inner-head nav .bl-login{background:#fff;color:#122033}.bl-inner-hero{background:linear-gradient(115deg,#071426,#17365a);color:#fff;padding:76px 24px 90px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center}.bl-inner-hero>div{max-width:1180px}.bl-inner-hero>div:first-child{margin-left:max(0px,calc((100vw - 1180px)/2))}.bl-eyebrow,.bl-section-title>span,.bl-cta>div:first-child>span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#a9c8ea;text-transform:uppercase}.bl-inner-hero h1{font-size:clamp(38px,5.2vw,66px);line-height:1.02;letter-spacing:-.04em;margin:14px 0 18px;max-width:820px}.bl-inner-hero p{font-size:17px;line-height:1.8;color:rgba(255,255,255,.78);max-width:760px;margin:0}.bl-hero-side{margin-right:max(0px,calc((100vw - 1180px)/2));padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.08)}.bl-hero-side strong{display:block;font-size:22px;line-height:1.3}.bl-hero-side span{display:block;color:rgba(255,255,255,.66);font-size:12px;line-height:1.7;margin-top:10px}.bl-inner-section{max-width:1180px;margin:auto;padding:72px 24px}.bl-inner-section.alt{max-width:none;background:#eef3f8}.bl-section-title{margin-bottom:28px}.bl-section-title h2{font-size:32px;margin:8px 0 0}.bl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.bl-card{background:#fff;border:1px solid #e1e7ee;border-radius:18px;padding:23px;box-shadow:0 10px 30px rgba(15,35,55,.06)}.bl-icon{width:46px;height:46px;border-radius:13px;background:#ede9fe;color:#5b21b6;display:grid;place-items:center;margin-bottom:17px}.bl-card h3{font-size:16px;margin:0 0 9px}.bl-card p,.bl-content-list p,.bl-steps p{font-size:13px;line-height:1.75;color:#596a7d;margin:0}.bl-card button{border:0;background:none;color:#5b21b6;font-weight:900;margin-top:18px;padding:0;cursor:pointer}.bl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bl-steps article{background:#fff;border:1px solid #dfe6ee;border-radius:18px;padding:23px;position:relative}.bl-step-no{position:absolute;right:18px;top:15px;color:#d7dee8;font-weight:900;font-size:25px}.bl-content-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bl-content-list article{background:#fff;border:1px solid #e1e7ee;border-radius:18px;padding:28px}.bl-content-list h2{font-size:20px;margin:0 0 9px}.bl-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bl-contact-grid>*{background:#fff;border:1px solid #e1e7ee;border-radius:18px;padding:25px;text-decoration:none;color:#122033}.bl-contact-grid i{font-size:20px;color:#5b21b6;display:block;margin-bottom:14px}.bl-contact-grid span{display:block;color:#718096;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.bl-contact-grid strong{display:block;margin-top:6px;line-height:1.5}.bl-cta{max-width:1180px;margin:0 auto 60px;padding:34px 38px;border-radius:22px;background:linear-gradient(135deg,#5b21b6,#312e81);color:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center}.bl-cta h2{margin:7px 0;font-size:29px}.bl-cta p{margin:0;color:rgba(255,255,255,.75);font-size:13px}.bl-cta button{border:1px solid rgba(255,255,255,.4);background:#fff;color:#312e81;border-radius:10px;padding:12px 16px;font-weight:900;margin:4px;cursor:pointer}.bl-cta button+button{background:transparent;color:#fff}.bl-inner-footer{padding:30px 24px;background:#071426;color:#fff;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:11px}.bl-inner-footer span{color:rgba(255,255,255,.65)}
@media(max-width:900px){.bl-inner-head{align-items:flex-start;flex-direction:column}.bl-inner-head nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.bl-inner-head nav button{white-space:nowrap}.bl-inner-hero{grid-template-columns:1fr;padding-top:55px}.bl-inner-hero>div:first-child,.bl-hero-side{margin-left:0;margin-right:0}.bl-grid{grid-template-columns:repeat(2,1fr)}.bl-steps{grid-template-columns:repeat(2,1fr)}.bl-contact-grid{grid-template-columns:1fr}.bl-cta{margin-left:18px;margin-right:18px;flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.bl-grid,.bl-steps,.bl-content-list{grid-template-columns:1fr}.bl-inner-hero{padding-left:18px;padding-right:18px}.bl-inner-section{padding-left:18px;padding-right:18px}.bl-cta{padding:25px}.bl-cta h2{font-size:23px}}

.bl-inner-page{min-height:100vh;background:#f7f8fb;color:#182230;}
.bl-inner-head nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end;}
.bl-inner-head nav button{border:0;background:transparent;color:rgba(255,255,255,.86);font:inherit;font-size:12px;font-weight:800;padding:9px 10px;border-radius:9px;cursor:pointer;white-space:nowrap;}
.bl-inner-head nav button:hover,.bl-inner-head nav button.active{background:rgba(255,255,255,.12);color:#fff;}
.bl-inner-head nav .bl-login{background:#fff;color:#172033;}
.bl-page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.bl-page-actions .public-btn{min-height:42px;}
.bl-loan-table{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;}
.bl-loan-table>div{background:#fff;border:1px solid #e4e7ec;border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 7px 22px rgba(15,23,42,.05);}
.bl-loan-table strong{font-size:13px;color:#475467}.bl-loan-table span{font-size:26px;font-weight:900;color:#6c3ce1;}
.bl-rule-note{margin-top:18px;padding:18px 20px;border-radius:15px;background:#f3f0ff;border:1px solid #ddd6fe;display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;color:#475467;font-size:12px;line-height:1.7;}
.bl-rule-note strong{color:#5b21b6;white-space:nowrap;}
.bl-inner-page .bl-card button{margin-top:12px;border:0;background:transparent;color:#5b21b6;font-weight:900;font-size:12px;cursor:pointer;padding:0;}
.bl-inner-page .bl-contact-grid a{color:inherit;text-decoration:none;}
.bl-inner-footer .public-footer-links,.bl-inner-footer .public-footer-links button{font:inherit;}
@media(max-width:850px){.bl-inner-head{align-items:flex-start!important;flex-direction:column!important}.bl-inner-head nav{width:100%;justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:3px}.bl-inner-head nav button{flex:0 0 auto}.bl-loan-table{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.bl-loan-table{grid-template-columns:1fr 1fr;}.bl-page-actions{flex-direction:column;align-items:stretch}.bl-page-actions .public-btn{width:100%;}}


html{scroll-behavior:smooth}
body{overflow-x:hidden}
.home-summary-hero{min-height:620px;background:linear-gradient(135deg,rgba(7,20,38,.97),rgba(20,55,88,.93)),url('assets/images/client-community-transport-01.jpeg') center/cover no-repeat;border-radius:0 0 34px 34px;padding-left:max(24px,calc((100vw - 1240px)/2));padding-right:max(24px,calc((100vw - 1240px)/2));margin-left:calc((1240px - 100vw)/2);margin-right:calc((1240px - 100vw)/2)}
.home-summary-hero .brightlife-hero-copy{max-width:760px}.home-summary-hero h1{color:#fff}.home-summary-hero p{color:rgba(255,255,255,.82)}
.home-summary-panel{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.home-summary-section{padding-top:72px}.summary-focus-card{min-height:220px}.home-summary-link{text-align:center;margin-top:26px}
.summary-about-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px;border-radius:26px;background:linear-gradient(135deg,#0b1d32,#16466c);color:#fff;box-shadow:0 20px 50px rgba(8,25,45,.15)}
.summary-about-banner h2{margin:8px 0 12px;color:#fff;font-size:34px}.summary-about-banner p{max-width:760px;color:rgba(255,255,255,.78);line-height:1.8}.summary-about-actions{display:flex;gap:10px;flex-wrap:wrap}.summary-contact-section{padding-bottom:35px}.summary-contact-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.summary-contact-links a{display:flex;align-items:center;gap:12px;padding:17px 18px;border:1px solid #e4eaf0;border-radius:15px;background:#fff;color:#18283a;text-decoration:none;font-weight:800;box-shadow:0 8px 24px rgba(8,25,45,.05)}.summary-contact-links a i{width:24px;text-align:center;color:#6c3ce1;font-size:18px}.summary-contact-links a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(8,25,45,.09)}
.project-inner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-inner-card{display:flex;flex-direction:column}.project-inner-card p{flex:1}.project-inner-view{margin-top:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.bl-inner-header{position:sticky!important;top:0!important;z-index:9999!important}.bl-inner-head{max-width:1280px!important}.bl-inner-header nav{display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scrollbar-width:thin!important;white-space:nowrap!important;max-width:100%!important}.bl-inner-header nav button{flex:0 0 auto!important}.bl-brand{flex:0 0 auto!important}.bl-inner-page main{overflow:hidden}
@media(max-width:1000px){.summary-contact-links{grid-template-columns:repeat(2,1fr)}.summary-about-banner{flex-direction:column;align-items:flex-start}.project-inner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.brightlife-home-main{padding:0 16px 42px}.home-summary-hero{margin-left:-16px;margin-right:-16px;border-radius:0 0 24px 24px;padding:55px 22px 45px;min-height:auto;grid-template-columns:1fr;gap:28px}.home-summary-hero h1{font-size:clamp(34px,10vw,48px)}.home-summary-panel{padding:27px}.summary-focus-grid{grid-template-columns:1fr 1fr}.summary-focus-card{min-height:180px}.summary-about-banner{padding:28px 22px}.summary-about-banner h2{font-size:28px}.summary-contact-links{grid-template-columns:1fr}.project-inner-grid{grid-template-columns:1fr}.bl-inner-header .bl-inner-head{padding:10px 12px!important;display:block!important}.bl-inner-header .bl-brand{margin-bottom:8px}.bl-inner-header nav{padding-bottom:3px}.bl-inner-header nav button{font-size:11px!important;padding:8px 10px!important}.bl-inner-header .bl-login{display:none!important}}
@media(max-width:430px){.summary-focus-grid{grid-template-columns:1fr}.summary-focus-card{min-height:auto}.brightlife-hero-actions{flex-direction:column}.brightlife-hero-actions .public-action{width:100%}.summary-about-actions .public-action{width:100%}}

.brightlife-public-page,.public-projects-landing{background:#f7f9fc!important}.brightlife-public-page .home-section:nth-of-type(even){background:#fff}

.brightlife-homepage .brightlife-hero,.brightlife-homepage .home-summary-hero{background:linear-gradient(135deg,#071426,#173b61)!important;border-radius:0 0 30px 30px;color:#fff!important}.brightlife-homepage .brightlife-hero .site-kicker,.brightlife-homepage .brightlife-hero h1,.brightlife-homepage .brightlife-hero p,.brightlife-homepage .brightlife-hero-panel,.brightlife-homepage .brightlife-hero-panel h2,.brightlife-homepage .brightlife-hero-panel p,.brightlife-homepage .hero-panel-kicker,.brightlife-homepage .hero-panel-points,.brightlife-homepage .hero-panel-points span{color:#fff!important}.brightlife-homepage .brightlife-hero-panel{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.18)!important}.brightlife-homepage .summary-focus-card{background:linear-gradient(145deg,#10233b,#173b61)!important;color:#fff!important}.brightlife-homepage .summary-focus-card h3,.brightlife-homepage .summary-focus-card p,.brightlife-homepage .summary-focus-card .site-icon{color:#fff!important}.summary-focus-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1000px){.summary-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.summary-focus-grid{grid-template-columns:1fr}.brightlife-homepage .brightlife-hero h1{font-size:clamp(34px,10vw,48px)}}


#dashboard .member-topbar{display:none}

.brightlife-home-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px clamp(14px,4vw,56px)!important;min-width:0!important}
.brightlife-home-brand{min-width:0!important;max-width:100%!important}
.brightlife-home-brand>div{min-width:0}
.brightlife-home-brand strong,.brightlife-home-brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brightlife-home-header .public-top-nav{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}
.brightlife-home-header .public-top-link,.brightlife-home-header .public-top-login{white-space:nowrap;font-size:clamp(11px,1.05vw,13px);padding:9px clamp(8px,1vw,12px)}
.brightlife-menu-toggle{display:none;align-items:center;justify-content:center;gap:7px;border:1px solid #dbe2ea;background:#fff;color:#102033;border-radius:10px;padding:10px 12px;font-weight:900;cursor:pointer}
.brightlife-menu-toggle:hover{background:#f5f8fb}
@media(max-width:1120px){.brightlife-home-header{grid-template-columns:minmax(0,1fr) auto}.brightlife-home-header .public-top-nav{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;width:100%;padding-top:2px}.brightlife-home-header .public-top-link,.brightlife-home-header .public-top-login{padding:8px 10px}}
@media(max-width:760px){.brightlife-home-header{grid-template-columns:minmax(0,1fr) auto;gap:10px}.brightlife-home-brand img{width:42px;height:42px}.brightlife-home-brand strong{font-size:15px}.brightlife-home-brand span{font-size:9px}.brightlife-menu-toggle{display:inline-flex}.brightlife-home-header .public-top-nav{display:none;grid-column:1/-1;width:100%;padding:8px;margin:0;background:#fff;border:1px solid #e6ebf0;border-radius:14px;box-shadow:0 12px 25px rgba(15,23,42,.08);gap:5px}.brightlife-home-header .public-top-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.brightlife-home-header .public-top-link,.brightlife-home-header .public-top-login{width:100%;text-align:center;padding:11px 8px}.brightlife-home-header .public-top-login{grid-column:1/-1}.brightlife-home-header .public-top-link.active{background:#eef2ff}}
@media(max-width:430px){.brightlife-home-header .public-top-nav.is-open{grid-template-columns:1fr}.brightlife-home-brand span{display:none}.brightlife-menu-toggle{padding:9px 10px}.brightlife-menu-toggle span{font-size:11px}}

.bl-inner-head{min-width:0!important}.bl-brand{min-width:0!important}.bl-brand span{min-width:0}.bl-brand strong,.bl-brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-inner-head nav{min-width:0!important}.bl-inner-menu-toggle{display:none;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:9px 11px;font-weight:900;cursor:pointer}.bl-inner-menu-toggle:hover{background:rgba(255,255,255,.14)}
@media(max-width:900px){.bl-inner-head{gap:10px!important}.bl-inner-head nav{flex-wrap:wrap!important;justify-content:flex-end!important}.bl-inner-head nav button{font-size:10px!important;padding:8px 8px!important}}
@media(max-width:1100px){.bl-inner-head{max-width:none!important;padding:11px 16px!important;gap:12px!important}.bl-inner-head nav{gap:2px!important;justify-content:flex-end!important;flex-wrap:nowrap!important;min-width:0!important}.bl-inner-head nav button{font-size:10px!important;padding:8px 7px!important;white-space:nowrap!important}.bl-brand{min-width:220px!important;flex-shrink:1!important}.bl-brand small{max-width:220px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}
@media(max-width:760px){.bl-inner-header .bl-inner-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center!important;padding:10px 12px!important}.bl-inner-header .bl-brand{margin:0!important}.bl-inner-header .bl-brand img{width:40px;height:40px}.bl-inner-header .bl-brand strong{font-size:13px}.bl-inner-header .bl-brand small{font-size:8px}.bl-inner-menu-toggle{display:inline-flex}.bl-inner-header nav{display:none!important;grid-column:1/-1;width:100%;padding:7px!important;margin:0!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 24px rgba(0,0,0,.18);gap:5px!important}.bl-inner-header nav.is-open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important;white-space:normal!important}.bl-inner-header nav button{width:100%;font-size:10px!important;padding:10px 7px!important}.bl-inner-header nav .bl-login{grid-column:1/-1;display:block!important}}
@media(max-width:430px){.bl-inner-header nav.is-open{grid-template-columns:1fr}.bl-inner-header .bl-brand small{display:none}.bl-inner-menu-toggle{padding:8px 9px}.bl-inner-menu-toggle span{font-size:10px}}

#publicHomeContent #public-home>section:first-of-type{background-image:linear-gradient(90deg,rgba(7,18,36,.96) 0%,rgba(7,18,36,.86) 38%,rgba(7,18,36,.50) 62%,rgba(7,18,36,.10) 100%),url('assets/images/client-poultry-01.jpeg')!important;background-position:center,center right!important;background-size:cover,cover!important}
#publicHomeContent #public-home>section:nth-of-type(2){background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 43%,rgba(255,255,255,.60) 68%,rgba(255,255,255,.10) 100%),url('assets/images/client-water-collection-01.jpeg')!important;background-position:center,right center!important;background-size:cover,cover!important}
#publicHomeContent #public-home>section:nth-of-type(3){background:linear-gradient(135deg,#071426,#17304c)!important}
#publicHomeContent #public-home>section:nth-of-type(4){background:#fff!important}
@media(max-width:680px){#publicHomeContent #public-home>section:first-of-type{background-image:linear-gradient(180deg,rgba(7,18,36,.94),rgba(7,18,36,.72)),url('assets/images/client-poultry-01.jpeg')!important;background-position:center,65% center!important;background-size:cover,cover!important}#publicHomeContent #public-home>section:nth-of-type(2){background-image:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.84)),url('assets/images/client-water-collection-01.jpeg')!important;background-position:center!important;background-size:cover,cover!important}}


#dashboard.brightlife-public-mode{position:relative;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
#dashboard.brightlife-public-mode .member-topbar{display:none!important}
#dashboard.brightlife-public-mode + *{display:none}
body:has(#dashboard.brightlife-public-mode) #sidebar,
body:has(#dashboard.brightlife-public-mode) #sidebarOverlay,
body:has(#dashboard.brightlife-public-mode) #mobileMenuToggle{display:none!important}


.brightlife-home-header{
  display:grid!important;
  grid-template-columns:minmax(230px,1fr) auto minmax(120px,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  padding:10px clamp(14px,3vw,42px)!important;
  min-width:0!important;
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid #e4e9ef!important;
  box-shadow:0 5px 22px rgba(15,23,42,.07)!important;
  backdrop-filter:blur(12px)!important;
}
.brightlife-home-brand{min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important}
.brightlife-home-brand img{width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:12px!important;object-fit:cover!important}
.brightlife-home-brand>div{min-width:0!important}
.brightlife-home-brand strong{display:block!important;font-size:16px!important;color:#102033!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.brightlife-home-brand span{display:block!important;font-size:9px!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:300px!important}
.brightlife-home-header .public-top-nav{
  grid-column:2!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.brightlife-home-header .public-top-link,
.brightlife-home-header .public-top-login{
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:850!important;
  padding:9px 10px!important;
  border-radius:9px!important;
}
.brightlife-home-header .public-top-link{color:#344054!important;background:transparent!important;border:0!important;cursor:pointer!important}
.brightlife-home-header .public-top-link:hover{background:#f2f5f8!important;color:#123e63!important}
.brightlife-home-header .public-top-link.active{background:#eaf2f8!important;color:#0b4a76!important;box-shadow:inset 0 -2px 0 #0b4a76!important}
.brightlife-home-header .public-top-login{grid-column:3!important;justify-self:end!important;border:0!important;background:#0b4a76!important;color:#fff!important;cursor:pointer!important;box-shadow:0 6px 16px rgba(11,74,118,.18)!important}
.brightlife-home-header .public-top-login:hover{background:#083b60!important}
.brightlife-menu-toggle{display:none!important}


#publicHomeContent #public-home>section:first-of-type.home-summary-hero{
  position:relative!important;
  min-height:610px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(310px,.72fr)!important;
  align-items:center!important;
  gap:clamp(28px,5vw,76px)!important;
  padding:clamp(70px,8vw,104px) clamp(22px,6vw,92px)!important;
  margin:0!important;
  border-radius:0 0 32px 32px!important;
  overflow:hidden!important;
  background-image:
    linear-gradient(90deg,rgba(5,20,39,.97) 0%,rgba(5,20,39,.91) 30%,rgba(5,20,39,.72) 47%,rgba(5,20,39,.46) 62%,rgba(5,20,39,.24) 78%,rgba(5,20,39,.30) 100%),
    url('assets/images/client-poultry-01.jpeg'),
    url('assets/images/client-water-collection-01.jpeg')!important;
  background-repeat:no-repeat!important;
  background-size:cover,50% 100%,50% 100%!important;
  background-position:center,left center,right center!important;
}
#publicHomeContent #public-home>section:first-of-type.home-summary-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,20,39,.20),rgba(5,20,39,.06));pointer-events:none}
#publicHomeContent #public-home>section:first-of-type.home-summary-hero>*{position:relative!important;z-index:2!important}
#publicHomeContent #public-home>section:first-of-type.home-summary-hero h1,
#publicHomeContent #public-home>section:first-of-type.home-summary-hero h2,
#publicHomeContent #public-home>section:first-of-type.home-summary-hero h3,
#publicHomeContent #public-home>section:first-of-type.home-summary-hero p,
#publicHomeContent #public-home>section:first-of-type.home-summary-hero span,
#publicHomeContent #public-home>section:first-of-type.home-summary-hero strong,
#publicHomeContent #public-home>section:first-of-type.home-summary-hero .site-kicker{color:#fff!important}
#publicHomeContent #public-home>section:first-of-type.home-summary-hero .home-summary-panel{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.24)!important;backdrop-filter:blur(11px)!important;-webkit-backdrop-filter:blur(11px)!important;box-shadow:0 22px 55px rgba(0,0,0,.20)!important;border-radius:24px!important}


#publicHomeContent #public-home>section:nth-of-type(2){
  position:relative!important;
  overflow:hidden!important;
  background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 42%,rgba(255,255,255,.60) 67%,rgba(255,255,255,.10) 100%),url('assets/images/client-community-transport-01.jpeg')!important;
  background-repeat:no-repeat!important;background-size:cover,cover!important;background-position:center,right center!important;
}
#publicHomeContent #public-home>section:nth-of-type(2)::before{content:"";position:absolute;inset:0;z-index:0;background:rgba(255,255,255,.02);pointer-events:none}
#publicHomeContent #public-home>section:nth-of-type(2)>*{position:relative!important;z-index:2!important}


.brightlife-home-header .public-top-link.active::after{content:"";display:block;height:2px;background:#0b4a76;border-radius:2px;margin:4px 3px 0}


@media(max-width:1100px){
  .brightlife-home-header{grid-template-columns:minmax(210px,1fr) auto!important}
  .brightlife-home-header .public-top-nav{grid-column:2!important;justify-content:flex-end!important}
  .brightlife-home-header .public-top-login{grid-column:auto!important}
  .brightlife-home-header .public-top-link{font-size:11px!important;padding:8px 8px!important}
}
@media(max-width:900px){
  .brightlife-home-header{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  .brightlife-home-header .public-top-nav{display:none!important;grid-column:1/-1!important;width:100%!important;padding:8px!important;background:#fff!important;border:1px solid #e3e9ef!important;border-radius:13px!important;box-shadow:0 12px 28px rgba(15,23,42,.09)!important;gap:5px!important;white-space:normal!important}
  .brightlife-home-header .public-top-nav.is-open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .brightlife-home-header .public-top-link,.brightlife-home-header .public-top-login{width:100%!important;text-align:center!important;padding:11px 8px!important}
  .brightlife-home-header .public-top-login{grid-column:1/-1!important}
  .brightlife-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid #d6dee7!important;background:#fff!important;color:#102033!important;border-radius:10px!important;padding:10px 12px!important;font-weight:900!important;cursor:pointer!important}
  .brightlife-menu-toggle:hover{background:#f3f6f9!important}
}
@media(max-width:680px){
  #publicHomeContent #public-home>section:first-of-type.home-summary-hero{grid-template-columns:1fr!important;min-height:auto!important;padding:58px 22px 44px!important;background-size:cover,100% 54%,100% 46%!important;background-position:center,center top,center bottom!important}
  #publicHomeContent #public-home>section:nth-of-type(2){background-image:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.82)),url('assets/images/client-community-transport-01.jpeg')!important;background-position:center!important}
  .brightlife-home-brand img{width:42px!important;height:42px!important;flex-basis:42px!important}
  .brightlife-home-brand strong{font-size:14px!important}
  .brightlife-home-brand span{font-size:8px!important}
  .home-summary-hero .brightlife-hero-copy{max-width:none!important}
  .home-summary-hero h1{font-size:clamp(34px,9vw,48px)!important}
}
@media(max-width:430px){
  .brightlife-home-header .public-top-nav.is-open{grid-template-columns:1fr!important}
  .brightlife-home-brand span{display:none!important}
  .brightlife-menu-toggle{padding:9px 10px!important}
  .brightlife-menu-toggle span{font-size:11px!important}
  #publicHomeContent #public-home>section:first-of-type.home-summary-hero{padding:50px 18px 38px!important}
}


.bl-inner-header nav button.active{background:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:inset 0 -2px 0 #fff!important}
.bl-inner-header nav button:not(.active):hover{background:rgba(255,255,255,.10)!important;color:#fff!important}


body.workspace-active{overflow-x:hidden!important;background:#f5f7fb!important;}
#sidebar.sidebar{box-sizing:border-box!important;width:272px!important;max-width:272px!important;left:0!important;right:auto!important;top:0!important;height:100dvh!important;min-height:100vh!important;position:fixed!important;display:none!important;flex-direction:column!important;overflow:hidden!important;z-index:1000!important;}
#sidebar.sidebar.visible{display:flex!important;}
#sidebar.sidebar .sidebar-nav{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;}
#mainWrapper.main-wrapper{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:none!important;overflow-x:hidden!important;}
#mainWrapper.main-wrapper.with-sidebar{margin-left:272px!important;width:calc(100% - 272px)!important;max-width:calc(100% - 272px)!important;}
#dashboard{min-width:0!important;max-width:none!important;}
#dashboardContent{min-width:0!important;max-width:none!important;overflow-x:hidden!important;}
.workspace-project-page{width:100%!important;max-width:none!important;box-sizing:border-box!important;overflow:hidden!important;}
.workspace-project-content{width:100%!important;max-width:1180px!important;box-sizing:border-box!important;margin:0 auto!important;}
.workspace-project-content .sp-card{width:100%!important;box-sizing:border-box!important;}
.workspace-project-content .sp-card img{max-width:100%!important;}
.sidebar-nav .nav-item,.sidebar-nav .hierarchy-toggle{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;}
.sidebar-nav .nav-item.subnav.active,.sidebar-nav .nav-item.secure-subnav.active{background:var(--primary,#2563eb)!important;color:#fff!important;}
@media (max-width: 1100px) and (min-width: 769px){
  #sidebar.sidebar{width:248px!important;max-width:248px!important;}
  #mainWrapper.main-wrapper.with-sidebar{margin-left:248px!important;width:calc(100% - 248px)!important;max-width:calc(100% - 248px)!important;}
}
@media (max-width: 768px){
  #sidebar.sidebar{width:min(320px,86vw)!important;max-width:min(320px,86vw)!important;transform:translateX(-105%)!important;box-shadow:18px 0 45px rgba(15,23,42,.18)!important;}
  #sidebar.sidebar.visible{display:flex!important;}
  #sidebar.sidebar.open{transform:translateX(0)!important;}
  #mainWrapper.main-wrapper,#mainWrapper.main-wrapper.with-sidebar{margin-left:0!important;width:100%!important;max-width:100%!important;padding:10px!important;}
  #sidebarOverlay{z-index:999!important;}
  #mobileMenuToggle{z-index:1001!important;touch-action:manipulation!important;}
  .member-topbar{position:sticky!important;top:0!important;z-index:40!important;}
  .workspace-project-header{padding:26px 18px 30px!important;}
  .workspace-project-content{padding:20px 14px 45px!important;}
}
@media (max-width: 430px){
  #sidebar.sidebar{width:88vw!important;max-width:310px!important;}
  #mainWrapper.main-wrapper,#mainWrapper.main-wrapper.with-sidebar{padding:7px!important;}
}


html.public-site-html, body.public-site-body {
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.public-site-body {
  display:block!important;
  overflow-x:hidden!important;
}
body.public-site-body #mainWrapper,
body.public-site-body #mainWrapper.main-wrapper,
body.public-site-body #mainWrapper.main-wrapper.public-site-mode {
  position:relative!important;
  left:0!important;
  right:auto!important;
  transform:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  flex:0 0 100%!important;
  box-sizing:border-box!important;
}
body.public-site-body #publicHomeLanding,
body.public-site-body #publicHomeContent,
body.public-site-body #dashboard,
body.public-site-body #dashboardContent {
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}


.brightlife-reference-home{background:#f5f8fc!important;color:#10203a!important;min-height:100vh!important}
.brightlife-reference-home .brightlife-home-header{background:linear-gradient(100deg,#241c93 0%,#3124b4 52%,#1b28a5 100%)!important;color:#fff!important;border:0!important;box-shadow:0 7px 22px rgba(16,23,75,.22)!important;backdrop-filter:none!important;position:sticky!important;top:0!important;z-index:10000!important;grid-template-columns:minmax(255px,1fr) auto minmax(250px,1fr)!important;padding:10px clamp(18px,3.6vw,56px)!important;min-height:74px!important}
.brightlife-reference-home .brightlife-home-brand{color:#fff!important;gap:12px!important}
.brightlife-reference-home .brightlife-home-brand img{width:58px!important;height:58px!important;border-radius:50%!important;object-fit:cover!important;border:0!important;background:#fff!important}
.brightlife-reference-home .brightlife-home-brand strong{font-size:17px!important;letter-spacing:-.3px!important;color:#fff!important}
.brightlife-reference-home .brightlife-home-brand span{font-size:9px!important;line-height:1.35!important;color:rgba(255,255,255,.92)!important;max-width:230px!important}
.brightlife-reference-home .public-top-nav{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.brightlife-reference-home .public-top-link{position:relative!important;color:#fff!important;background:transparent!important;border:0!important;font-size:11px!important;font-weight:800!important;padding:11px 8px!important;border-radius:5px!important}
.brightlife-reference-home .public-top-link:hover{background:rgba(255,255,255,.11)!important;color:#fff!important}
.brightlife-reference-home .public-top-link.active{background:transparent!important;color:#fff!important;box-shadow:none!important}
.brightlife-reference-home .public-top-link.active::after{content:""!important;position:absolute!important;left:20%!important;right:20%!important;bottom:3px!important;height:2px!important;background:#45e0c2!important;border-radius:3px!important;margin:0!important}
.brightlife-reference-home .public-top-login{grid-column:3!important;justify-self:end!important;background:linear-gradient(135deg,#7132ff,#8a2be2)!important;color:#fff!important;border:0!important;border-radius:24px!important;padding:11px 17px!important;font-size:11px!important;font-weight:900!important;box-shadow:0 7px 18px rgba(61,26,180,.25)!important}
.brightlife-reference-home .public-top-member{border:0!important;background:#fff!important;color:#172554!important;border-radius:24px!important;padding:11px 16px!important;font-size:11px!important;font-weight:900!important;cursor:pointer!important;box-shadow:0 6px 16px rgba(0,0,0,.14)!important;margin-left:3px!important;white-space:nowrap!important}
.brightlife-reference-home .public-top-member:hover{transform:translateY(-1px)!important}
.brightlife-reference-home .brightlife-menu-toggle{border:1px solid rgba(255,255,255,.45)!important;background:rgba(255,255,255,.10)!important;color:#fff!important}

.brightlife-reference-home .brightlife-home-main{max-width:none!important;padding:0!important;margin:0!important}
.brightlife-reference-home .reference-hero{position:relative!important;min-height:580px!important;margin:0!important;padding:70px clamp(20px,8vw,120px) 28px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;overflow:hidden!important;border-radius:0!important;color:#fff!important;background-color:#0a2445!important;background-image:url('assets/images/client-poultry-01.jpeg'),url('assets/images/client-water-collection-01.jpeg')!important;background-repeat:no-repeat!important;background-size:50% 100%,50% 100%!important;background-position:left center,right center!important}
.brightlife-reference-home .reference-hero::before{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,rgba(4,19,44,.47) 0%,rgba(4,19,44,.56) 22%,rgba(4,19,44,.83) 43%,rgba(4,19,44,.90) 50%,rgba(4,19,44,.83) 57%,rgba(4,19,44,.54) 78%,rgba(4,19,44,.48) 100%)!important;pointer-events:none!important}
.brightlife-reference-home .reference-hero::after{content:""!important;position:absolute!important;top:0!important;bottom:0!important;left:34%!important;width:32%!important;z-index:1!important;background:rgba(3,20,48,.20)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;clip-path:polygon(13% 0,87% 0,100% 100%,0 100%)!important;pointer-events:none!important}
.brightlife-reference-home .reference-hero-copy{position:relative!important;z-index:3!important;max-width:850px!important;margin:0 auto!important}
.brightlife-reference-home .reference-kicker{font-size:15px!important;font-weight:900!important;letter-spacing:4px!important;color:#fff!important;text-transform:uppercase!important;margin-bottom:10px!important}
.brightlife-reference-home .reference-kicker span{color:#24bfff!important}
.brightlife-reference-home .reference-hero h1{font-size:clamp(42px,5vw,64px)!important;line-height:1.04!important;letter-spacing:-2px!important;margin:10px 0 22px!important;color:#fff!important;font-weight:900!important;text-shadow:0 3px 18px rgba(0,0,0,.18)!important}
.brightlife-reference-home .reference-hero h1 span{background:linear-gradient(90deg,#53c7ff,#d477ff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.brightlife-reference-home .reference-divider{width:88px!important;height:3px!important;margin:0 auto 20px!important;background:#29d7b1!important;border-radius:4px!important}
.brightlife-reference-home .reference-hero p{max-width:690px!important;margin:0 auto!important;color:#fff!important;font-size:17px!important;line-height:1.62!important;font-weight:500!important}
.brightlife-reference-home .reference-actions{justify-content:center!important;margin-top:26px!important}
.brightlife-reference-home .reference-actions .public-action{min-height:54px!important;padding:0 28px!important;border-radius:30px!important;font-weight:900!important}
.brightlife-reference-home .reference-actions .public-action.primary{background:linear-gradient(135deg,#6e1fff,#9a2cf2)!important;color:#fff!important;border:0!important;box-shadow:0 10px 25px rgba(83,20,210,.28)!important}
.brightlife-reference-home .reference-actions .reference-outline{background:rgba(3,20,48,.20)!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.82)!important;backdrop-filter:blur(6px)!important}
.brightlife-reference-home .reference-values{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;max-width:max-content!important;margin:31px auto 0!important;padding:11px 24px!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:30px!important;background:rgba(3,18,45,.25)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;color:#fff!important}
.brightlife-reference-home .reference-values span{font-size:14px!important;font-weight:900!important;letter-spacing:1.5px!important;white-space:nowrap!important;color:#fff!important}.brightlife-reference-home .reference-values i{margin-right:6px!important}.brightlife-reference-home .reference-values b{color:#5eead4!important}

.brightlife-reference-home .reference-focus-section{padding:20px clamp(14px,2.4vw,38px) 18px!important;background:#f6f8fb!important}
.brightlife-reference-home .reference-focus-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;background:#fff!important;border-radius:16px!important;box-shadow:0 8px 25px rgba(23,39,65,.08)!important;overflow:hidden!important}
.brightlife-reference-home .reference-focus-card{min-height:176px!important;padding:22px 12px 16px!important;text-align:center!important;border-right:1px solid #e7edf4!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;background:#fff!important}
.brightlife-reference-home .reference-focus-card:last-child{border-right:0!important}
.brightlife-reference-home .reference-focus-icon{width:64px!important;height:64px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:26px!important;margin-bottom:13px!important}
.brightlife-reference-home .reference-focus-icon.water{background:#e5f3ff!important;color:#1681d5!important}.brightlife-reference-home .reference-focus-icon.education{background:#f1e7ff!important;color:#6420d5!important}.brightlife-reference-home .reference-focus-icon.agriculture{background:#dff6e9!important;color:#18a05e!important}.brightlife-reference-home .reference-focus-icon.women{background:#fff0e6!important;color:#f07a23!important}.brightlife-reference-home .reference-focus-icon.skills{background:#e5f2ff!important;color:#1473cf!important}.brightlife-reference-home .reference-focus-icon.finance{background:#f8e5ff!important;color:#7b19d1!important}
.brightlife-reference-home .reference-focus-card h3{font-size:14px!important;line-height:1.28!important;color:#12224a!important;margin:0 0 10px!important;font-weight:900!important}.brightlife-reference-home .reference-focus-card p{font-size:12px!important;line-height:1.55!important;color:#46608a!important;margin:0!important}
.brightlife-reference-home .reference-home-bottom{max-width:1100px!important;margin:18px auto 28px!important;padding:34px 30px!important;border-radius:22px!important;background:linear-gradient(135deg,#071c3b,#0d3563)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:25px!important;box-shadow:0 16px 35px rgba(8,28,60,.16)!important}.brightlife-reference-home .reference-home-bottom h2{margin:6px 0 7px!important;color:#fff!important;font-size:28px!important}.brightlife-reference-home .reference-home-bottom p{margin:0!important;color:#dbeafe!important;line-height:1.6!important}.brightlife-reference-home .reference-bottom-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.brightlife-reference-home .reference-bottom-actions .public-action{white-space:nowrap!important}
.brightlife-reference-home .reference-footer{background:#031a42!important;color:#fff!important;padding:20px clamp(18px,3vw,48px) 18px!important;display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(420px,1.7fr) minmax(210px,.75fr)!important;align-items:center!important;gap:22px!important;border-radius:0!important;min-height:130px!important}.brightlife-reference-home .reference-footer-brand{display:flex!important;align-items:center!important;gap:12px!important}.brightlife-reference-home .reference-footer-brand img{width:58px!important;height:58px!important;border-radius:50%!important;object-fit:cover!important}.brightlife-reference-home .reference-footer-brand strong{display:block!important;font-size:16px!important;color:#fff!important}.brightlife-reference-home .reference-footer-brand span{display:block!important;font-size:9px!important;color:#e0e7ff!important;line-height:1.35!important}.brightlife-reference-home .reference-footer-links{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.brightlife-reference-home .reference-footer-links button{border:0!important;background:none!important;color:#fff!important;font-size:11px!important;cursor:pointer!important;padding:2px!important}.brightlife-reference-home .reference-footer-links button:hover{text-decoration:underline!important;color:#9bdcff!important}.brightlife-reference-home .reference-footer-links i{font-style:normal!important;color:#8091b3!important;font-size:10px!important}.brightlife-reference-home .reference-footer-contact{display:flex!important;flex-direction:column!important;gap:7px!important;font-size:11px!important;color:#fff!important}.brightlife-reference-home .reference-footer-contact i{width:18px!important;color:#fff!important}.brightlife-reference-home .reference-footer-line{grid-column:1/-1!important;height:1px!important;background:rgba(255,255,255,.20)!important}.brightlife-reference-home .reference-footer>b{grid-column:1/-1!important;text-align:center!important;color:#54bdf8!important;font-size:12px!important;letter-spacing:2px!important}

@media(max-width:1250px){.brightlife-reference-home .brightlife-home-header{grid-template-columns:minmax(240px,1fr) auto!important}.brightlife-reference-home .public-top-nav{grid-column:2!important;justify-content:flex-end!important}.brightlife-reference-home .public-top-member{display:none!important}.brightlife-reference-home .public-top-link{font-size:10px!important;padding:9px 6px!important}.brightlife-reference-home .public-top-login{font-size:10px!important;padding:10px 12px!important}}
@media(max-width:1080px){.brightlife-reference-home .brightlife-home-header{grid-template-columns:minmax(0,1fr) auto!important}.brightlife-reference-home .public-top-nav{display:none!important}.brightlife-reference-home .brightlife-menu-toggle{display:inline-flex!important}.brightlife-reference-home .public-top-nav.is-open{display:grid!important;grid-column:1/-1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;padding:8px!important;border-radius:14px!important;background:rgba(22,22,100,.98)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 15px 30px rgba(0,0,0,.22)!important}.brightlife-reference-home .public-top-nav.is-open .public-top-link,.brightlife-reference-home .public-top-nav.is-open .public-top-login,.brightlife-reference-home .public-top-nav.is-open .public-top-member{width:100%!important;display:block!important;text-align:center!important;color:#fff!important}.brightlife-reference-home .public-top-nav.is-open .public-top-login{grid-column:auto!important}.brightlife-reference-home .public-top-nav.is-open .public-top-member{background:#fff!important;color:#172554!important}}
@media(max-width:760px){.brightlife-reference-home .brightlife-home-header{padding:9px 14px!important}.brightlife-reference-home .brightlife-home-brand img{width:46px!important;height:46px!important}.brightlife-reference-home .brightlife-home-brand strong{font-size:14px!important}.brightlife-reference-home .brightlife-home-brand span{font-size:8px!important}.brightlife-reference-home .public-top-nav.is-open{grid-template-columns:repeat(2,minmax(0,1fr))!important}.brightlife-reference-home .reference-hero{min-height:680px!important;padding:55px 18px 25px!important;background-size:100% 50%,100% 50%!important;background-position:center top,center bottom!important}.brightlife-reference-home .reference-hero::before{background:linear-gradient(180deg,rgba(4,19,44,.46),rgba(4,19,44,.86) 42%,rgba(4,19,44,.86) 60%,rgba(4,19,44,.50))!important}.brightlife-reference-home .reference-hero::after{left:10%!important;width:80%!important;clip-path:none!important;background:rgba(3,20,48,.22)!important}.brightlife-reference-home .reference-kicker{font-size:11px!important;letter-spacing:2.4px!important}.brightlife-reference-home .reference-hero h1{font-size:clamp(34px,9vw,47px)!important;letter-spacing:-1.1px!important}.brightlife-reference-home .reference-hero p{font-size:15px!important}.brightlife-reference-home .reference-values{gap:6px!important;padding:9px 12px!important;max-width:100%!important}.brightlife-reference-home .reference-values span{font-size:10px!important;letter-spacing:.8px!important}.brightlife-reference-home .reference-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.brightlife-reference-home .reference-focus-card:nth-child(2n){border-right:0!important}.brightlife-reference-home .reference-focus-card{border-bottom:1px solid #e7edf4!important}.brightlife-reference-home .reference-home-bottom{margin:14px 14px 22px!important;display:block!important;padding:27px 21px!important}.brightlife-reference-home .reference-bottom-actions{margin-top:18px!important}.brightlife-reference-home .reference-footer{grid-template-columns:1fr!important;text-align:center!important}.brightlife-reference-home .reference-footer-brand{justify-content:center!important}.brightlife-reference-home .reference-footer-links{justify-content:center!important}.brightlife-reference-home .reference-footer-contact{align-items:center!important}.brightlife-reference-home .reference-footer-line{grid-column:1!important}.brightlife-reference-home .reference-footer>b{grid-column:1!important}}
@media(max-width:430px){.brightlife-reference-home .public-top-nav.is-open{grid-template-columns:1fr!important}.brightlife-reference-home .reference-actions{flex-direction:column!important}.brightlife-reference-home .reference-actions .public-action{width:100%!important}.brightlife-reference-home .reference-values{flex-wrap:wrap!important}.brightlife-reference-home .reference-focus-grid{grid-template-columns:1fr!important}.brightlife-reference-home .reference-focus-card{border-right:0!important}.brightlife-reference-home .reference-footer-links i{display:none!important}}


.bl-inner-header{width:100%;box-sizing:border-box;background:#0b1b30!important;color:#fff!important;position:sticky!important;top:0!important;z-index:10050!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.bl-inner-head{width:100%!important;max-width:1360px!important;margin:0 auto!important;box-sizing:border-box!important;padding:10px clamp(14px,2.2vw,28px)!important;display:grid!important;grid-template-columns:minmax(260px,1fr) auto!important;align-items:center!important;gap:18px!important}
.bl-brand{min-width:0!important;display:flex!important;align-items:center!important;gap:12px!important}
.bl-brand img{width:50px!important;height:50px!important;border-radius:14px!important;object-fit:cover!important;background:#fff!important;flex:0 0 50px!important}
.bl-brand strong{display:block!important;color:#fff!important;font-size:19px!important;line-height:1.1!important;white-space:nowrap!important}
.bl-brand small{display:block!important;color:rgba(255,255,255,.68)!important;font-size:11px!important;line-height:1.25!important;margin-top:4px!important;max-width:440px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.bl-inner-header nav{min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;flex-wrap:nowrap!important;overflow:visible!important;white-space:nowrap!important}
.bl-inner-header nav button{appearance:none!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.88)!important;padding:10px 12px!important;border-radius:10px!important;font-size:14px!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;white-space:nowrap!important;flex:0 0 auto!important}
.bl-inner-header nav button:hover{background:rgba(255,255,255,.10)!important;color:#fff!important}
.bl-inner-header nav button.active{background:#364256!important;color:#fff!important;box-shadow:inset 0 -2px 0 #fff!important}
.bl-inner-header nav .bl-login{background:#fff!important;color:#172033!important;border-radius:13px!important;padding:11px 16px!important;margin-left:4px!important;font-weight:900!important}
.bl-inner-menu-toggle{display:none!important}
#mainWrapper.public-project-active #app{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;}
#mainWrapper.public-project-active #dashboard{display:none!important;}
#mainWrapper.public-project-active #publicProjectPage{display:block!important;width:100%!important;min-height:100vh!important;box-sizing:border-box!important;}
#mainWrapper.public-site-mode{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:0!important}
#mainWrapper.public-site-mode #dashboard,#mainWrapper.public-site-mode #dashboardContent{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important}
#mainWrapper.public-site-mode #dashboardContent{padding-left:0!important;padding-right:0!important}
#mainWrapper.public-projects-mode{width:100%!important;max-width:none!important;margin-left:0!important;box-sizing:border-box!important}
#mainWrapper.public-projects-mode #dashboard,#mainWrapper.public-projects-mode #dashboardContent{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}
.brightlife-selected-project{width:100%!important;min-height:100vh!important;box-sizing:border-box!important}
.brightlife-selected-project .sp-header,.brightlife-selected-project .sp-content{box-sizing:border-box!important;width:100%!important}
.brightlife-selected-project .sp-inner,.brightlife-selected-project .sp-content{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:1120px){.bl-inner-head{grid-template-columns:minmax(0,1fr) auto!important}.bl-inner-header nav button{font-size:13px!important;padding:9px 9px!important}}
@media(max-width:1050px){
.bl-inner-head{grid-template-columns:minmax(0,1fr) auto!important}
.bl-inner-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:10px!important;padding:10px 13px!important;font-weight:900!important;cursor:pointer!important}
.bl-inner-header nav{display:none!important;grid-column:1/-1!important;width:100%!important;padding:8px!important;margin:0!important;background:#10233b!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;box-shadow:0 14px 28px rgba(0,0,0,.20)!important;gap:5px!important;white-space:normal!important;overflow:visible!important}
.bl-inner-header nav.is-open{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.bl-inner-header nav button{width:100%!important;text-align:center!important;font-size:13px!important;padding:11px 8px!important}
.bl-inner-header nav .bl-login{grid-column:auto!important;margin:0!important}
}
@media(max-width:700px){
.bl-inner-head{padding:9px 12px!important;gap:10px!important}.bl-brand img{width:44px!important;height:44px!important;flex-basis:44px!important}.bl-brand strong{font-size:16px!important}.bl-brand small{font-size:9px!important;max-width:260px!important}.bl-inner-header nav.is-open{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bl-inner-header nav button{font-size:12px!important;padding:11px 7px!important}.bl-inner-header nav .bl-login{grid-column:1/-1!important}.brightlife-selected-project .sp-header{padding:24px 16px!important}.brightlife-selected-project .sp-content{padding:22px 16px 50px!important}
}
@media(max-width:430px){.bl-brand small{display:none!important}.bl-brand strong{font-size:14px!important}.bl-inner-menu-toggle{padding:9px 10px!important}.bl-inner-menu-toggle span{font-size:11px!important}.bl-inner-header nav.is-open{grid-template-columns:1fr!important}.bl-inner-header nav button{font-size:12px!important}}



:root{
  --bl-navy:#0b1b30;
  --bl-navy-2:#12243d;
  --bl-primary:#5b4bd8;
  --bl-primary-2:#6d5ce7;
  --bl-accent:#0f9f83;
  --bl-surface:#ffffff;
  --bl-page:#f5f7fb;
  --bl-border:#e5e9f0;
  --bl-text:#172033;
  --bl-muted:#667085;
  --bl-radius:14px;
  --bl-shadow:0 10px 30px rgba(15,23,42,.07);
  --bl-shadow-lg:0 20px 55px rgba(15,23,42,.11);
}
html{min-width:320px;background:var(--bl-page)}
body{
  margin:0;
  min-width:320px;
  width:100%;
  background:var(--bl-page);
  color:var(--bl-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
:focus-visible{outline:3px solid rgba(91,75,216,.28);outline-offset:2px}
::selection{background:rgba(91,75,216,.16)}
#mainWrapper{min-width:0!important;max-width:none!important}
#mainWrapper.public-site-mode,
#mainWrapper.public-projects-mode{
  width:100%!important;
  margin-left:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
#mainWrapper.with-sidebar{
  width:calc(100% - var(--sidebar-width,240px));
  margin-left:var(--sidebar-width,240px);
  min-width:0;
}
.sidebar{
  box-shadow:4px 0 24px rgba(15,23,42,.07);
  border-right:1px solid rgba(15,23,42,.08);
  background:var(--bl-navy)!important;
}
.sidebar-header{border-bottom:1px solid rgba(255,255,255,.08)!important}
.nav-item{
  border-radius:10px!important;
  margin:2px 8px!important;
  width:calc(100% - 16px)!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.nav-item:hover{transform:translateX(1px)}
.nav-item.active{
  background:linear-gradient(135deg,var(--bl-primary),var(--bl-primary-2))!important;
  box-shadow:0 8px 18px rgba(91,75,216,.25)!important;
}
.main-wrapper,.dashboard-body{min-width:0}
.section-card,.metric-card,.pending-item,.loan-item,.rights-table-container,.chat-container,.balance-card{
  border-color:var(--bl-border)!important;
  box-shadow:var(--bl-shadow)!important;
}
.section-card{border-radius:var(--bl-radius)!important}
.metric-card{border-radius:14px!important}
table{border-collapse:separate;border-spacing:0}
.data-table-wrapper,.table-wrapper,.table-responsive,.table-scroll{
  border:1px solid var(--bl-border);
  border-radius:12px;
  overflow:auto;
  background:var(--bl-surface);
}
.data-table-wrapper table,.table-wrapper table,.table-responsive table,.table-scroll table{width:100%}
.data-table-wrapper thead th,.table-wrapper thead th,.table-responsive thead th,.table-scroll thead th{
  background:#f8fafc;
  color:#475467;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  border-bottom:1px solid var(--bl-border);
}
.form-control,input.form-control,select.form-control,textarea.form-control{
  border-color:#d9dee8!important;
  border-radius:10px!important;
  min-height:42px;
  background:#fff!important;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.form-control:focus,input.form-control:focus,select.form-control:focus,textarea.form-control:focus{
  border-color:var(--bl-primary)!important;
  box-shadow:0 0 0 3px rgba(91,75,216,.12)!important;
}
.btn,.button,.primary-btn,.btn-primary{
  border-radius:10px!important;
  font-weight:750!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.btn:hover,.button:hover,.primary-btn:hover,.btn-primary:hover{transform:translateY(-1px)}
.toast-notification{border-radius:12px!important;box-shadow:var(--bl-shadow-lg)!important}
.modal-overlay .modal,.modal{
  border-radius:18px!important;
  border:1px solid var(--bl-border)!important;
  box-shadow:var(--bl-shadow-lg)!important;
}
.mobile-menu-toggle{
  box-shadow:0 8px 20px rgba(15,23,42,.18)!important;
}
@media(max-width:900px){
  #mainWrapper.with-sidebar{width:100%;margin-left:0}
  .main-wrapper{width:100%!important;max-width:100%!important}
}
@media(max-width:700px){
  .section-card{border-radius:12px!important}
  .data-table-wrapper,.table-wrapper,.table-responsive,.table-scroll{border-radius:10px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}


/* Brightlife workspace presentation layer */
body.workspace-active{background:#f4f7fb!important;color:#172033!important;overflow-x:hidden!important}
body.workspace-active #sidebar.sidebar{
  width:288px!important;max-width:288px!important;min-width:288px!important;
  background:linear-gradient(180deg,#071a2e 0%,#091d32 58%,#06182b 100%)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  box-shadow:12px 0 34px rgba(2,12,27,.16)!important;
  color:#e8eef7!important;
}
body.workspace-active #mainWrapper.main-wrapper.with-sidebar{
  margin-left:288px!important;width:calc(100% - 288px)!important;max-width:calc(100% - 288px)!important;
  padding:0!important;background:#f4f7fb!important;
}
body.workspace-active #sidebar .sidebar-header{
  min-height:88px!important;padding:15px 16px!important;background:rgba(255,255,255,.025)!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;gap:11px!important;
}
body.workspace-active #sidebar .sidebar-header .logo-icon{
  width:48px!important;height:48px!important;border-radius:14px!important;background:#fff!important;
  box-shadow:0 7px 20px rgba(0,0,0,.18)!important;
}
body.workspace-active #sidebar .sidebar-header .brand-text{
  color:#f8fbff!important;font-size:17px!important;font-weight:850!important;letter-spacing:-.35px!important;line-height:1.15!important;
}
body.workspace-active #sidebar .sidebar-header .brand-text span{color:#8b5cf6!important;background:none!important;-webkit-text-fill-color:initial!important}
body.workspace-active #sidebar .sidebar-header .brand-sub{color:#9fb0c5!important;font-size:10px!important;font-weight:600!important;line-height:1.35!important;margin-top:3px!important}
body.workspace-active #sidebar .sidebar-toggle{color:#aab8ca!important;border-radius:10px!important}
body.workspace-active #sidebar .sidebar-toggle:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
body.workspace-active #sidebar .sidebar-nav{padding:16px 10px 12px!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.18) transparent!important}
body.workspace-active #sidebar .nav-section{margin-bottom:16px!important}
body.workspace-active #sidebar .section-label{
  color:#8193aa!important;font-size:10px!important;font-weight:850!important;letter-spacing:.11em!important;
  padding:8px 12px 7px!important;line-height:1.2!important;
}
body.workspace-active #sidebar .nav-item,
body.workspace-active #sidebar .hierarchy-toggle{
  min-height:43px!important;padding:10px 12px!important;margin:3px 4px!important;width:calc(100% - 8px)!important;
  border-radius:11px!important;color:#b8c5d5!important;background:transparent!important;
  font-size:13px!important;font-weight:650!important;line-height:1.25!important;letter-spacing:0!important;
  display:flex!important;align-items:center!important;gap:11px!important;white-space:normal!important;
}
body.workspace-active #sidebar .nav-item:hover,
body.workspace-active #sidebar .hierarchy-toggle:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;transform:none!important}
body.workspace-active #sidebar .nav-item.active,
body.workspace-active #sidebar .nav-item.secure-subnav.active{
  background:linear-gradient(135deg,#6d3fe5 0%,#7c4ff0 100%)!important;color:#fff!important;
  box-shadow:0 9px 22px rgba(108,60,225,.28)!important;font-weight:800!important;
}
body.workspace-active #sidebar .nav-item i,
body.workspace-active #sidebar .hierarchy-toggle i{color:inherit!important;flex:0 0 20px!important;width:20px!important;font-size:15px!important;text-align:center!important}
body.workspace-active #sidebar .nav-item .nav-text,
body.workspace-active #sidebar .hierarchy-title span{
  color:inherit!important;min-width:0!important;flex:1 1 auto!important;overflow:visible!important;text-overflow:clip!important;
  white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;
}
body.workspace-active #sidebar .hierarchy-toggle{justify-content:space-between!important;text-align:left!important;border:0!important;font-family:inherit!important}
body.workspace-active #sidebar .hierarchy-title{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;flex:1 1 auto!important}
body.workspace-active #sidebar .hierarchy-chevron{flex:0 0 auto!important;width:auto!important;font-size:11px!important;color:#8fa1b7!important;transition:transform .2s ease!important}
body.workspace-active #sidebar .secure-nav-group.collapsed .hierarchy-chevron,
body.workspace-active #sidebar .admin-nav-group.collapsed .hierarchy-chevron{transform:rotate(0deg)!important}
body.workspace-active #sidebar .hierarchy-children{padding:2px 0 5px!important}
body.workspace-active #sidebar .hierarchy-children .nav-item{padding-left:43px!important;font-size:12.5px!important;min-height:39px!important}
body.workspace-active #sidebar .badge-count{margin-left:auto!important;flex:0 0 auto!important}
body.workspace-active #sidebar .sidebar-user{
  min-height:76px!important;padding:12px 15px!important;background:rgba(0,0,0,.13)!important;
  border-top:1px solid rgba(255,255,255,.09)!important;gap:10px!important;
}
body.workspace-active #sidebar .sidebar-user .avatar{width:42px!important;height:42px!important;box-shadow:0 5px 16px rgba(0,0,0,.2)!important}
body.workspace-active #sidebar .sidebar-user .user-name{color:#f7faff!important;font-size:12.5px!important;font-weight:750!important}
body.workspace-active #sidebar .sidebar-user .user-role{color:#8fa1b7!important;font-size:10px!important}
body.workspace-active #sidebar .sidebar-user .logout-btn{color:#aebbd0!important;width:36px!important;height:36px!important;border-radius:10px!important}
body.workspace-active #sidebar .sidebar-user .logout-btn:hover{background:rgba(239,68,68,.13)!important;color:#ff9a9a!important}
body.workspace-active .member-topbar{
  min-height:76px!important;padding:14px clamp(18px,2.5vw,34px)!important;background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #e4e9f0!important;box-shadow:0 3px 18px rgba(15,23,42,.045)!important;
}
body.workspace-active #dashboardContent{width:100%!important;max-width:none!important;overflow-x:hidden!important}
body.workspace-active .dashboard-body{width:100%!important;max-width:1400px!important;margin:0 auto!important;padding:24px clamp(18px,2.4vw,34px) 44px!important;box-sizing:border-box!important}
body.workspace-active .welcome-hero{border-radius:18px!important;box-shadow:0 12px 30px rgba(15,23,42,.08)!important}
body.workspace-active .section-card{background:#fff!important;border:1px solid #e3e9f1!important;box-shadow:0 8px 24px rgba(15,23,42,.045)!important}

/* Statement and reporting centre */
body.workspace-active .report-page .report-hero{margin-bottom:18px!important}
body.workspace-active .report-page .section-card{margin-bottom:16px!important;padding:20px!important}
body.workspace-active .report-page .section-title{display:flex!important;align-items:center!important;gap:10px!important;font-size:17px!important;font-weight:850!important;color:#172033!important;margin-bottom:14px!important}
body.workspace-active .report-page .section-title i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f0eafe;color:#6338d6;font-size:14px}
body.workspace-active .report-page .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body.workspace-active .report-page .metric-surface{min-height:118px!important;padding:17px!important;border-radius:15px!important;border:1px solid #e2e8f0!important;background:linear-gradient(180deg,#fff,#f9fbfd)!important}
body.workspace-active .report-page .metric-value{font-size:24px!important;letter-spacing:-.4px!important}
body.workspace-active .report-page .settings-table-wrap{border-radius:13px!important;border:1px solid #e2e8f0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}
body.workspace-active .report-page .settings-table th{background:#101d30!important;font-size:10.5px!important;letter-spacing:.03em!important;white-space:nowrap!important}
body.workspace-active .report-page .settings-table td{font-size:11.5px!important;white-space:nowrap!important}
body.workspace-active .report-page .report-actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important}
body.workspace-active .report-page .report-actions .btn-sm{min-height:40px!important;border-radius:10px!important;padding:9px 13px!important;font-weight:750!important}
body.workspace-active .report-page .btn-sm.btn-primary{box-shadow:0 7px 18px rgba(108,60,225,.18)!important}

/* Public header: keep brand and navigation legible at all desktop widths. */
.brightlife-home-header{grid-template-columns:minmax(230px,1fr) auto minmax(90px,1fr)!important}
.brightlife-home-brand strong{font-size:18px!important;line-height:1.1!important}
.brightlife-home-brand span{font-size:10px!important;line-height:1.25!important;max-width:360px!important}
.brightlife-home-header .public-top-nav{min-width:0!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}
.brightlife-home-header .public-top-nav::-webkit-scrollbar{display:none!important}
.brightlife-home-header .public-top-link,.brightlife-home-header .public-top-login{font-size:12px!important;padding:10px 11px!important}

@media(max-width:1100px) and (min-width:769px){
  body.workspace-active #sidebar.sidebar{width:258px!important;max-width:258px!important;min-width:258px!important}
  body.workspace-active #mainWrapper.main-wrapper.with-sidebar{margin-left:258px!important;width:calc(100% - 258px)!important;max-width:calc(100% - 258px)!important}
  body.workspace-active .dashboard-body{padding-left:18px!important;padding-right:18px!important}
  body.workspace-active #sidebar .nav-item,body.workspace-active #sidebar .hierarchy-toggle{font-size:12.5px!important}
}
@media(max-width:768px){
  body.workspace-active #sidebar.sidebar{width:min(320px,88vw)!important;max-width:min(320px,88vw)!important;min-width:0!important}
  body.workspace-active #mainWrapper.main-wrapper,#mainWrapper.main-wrapper.with-sidebar{margin-left:0!important;width:100%!important;max-width:100%!important;padding:0!important}
  body.workspace-active .dashboard-body{padding:16px 12px 34px!important}
  body.workspace-active .member-topbar{min-height:64px!important;padding:10px 12px!important}
  body.workspace-active .report-page .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.workspace-active #sidebar .nav-item,body.workspace-active #sidebar .hierarchy-toggle{font-size:13px!important}
}
@media(max-width:480px){
  body.workspace-active .report-page .metric-grid{grid-template-columns:1fr!important}
  body.workspace-active .report-page .section-card{padding:15px!important}
  .brightlife-home-brand strong{font-size:15px!important}
  .brightlife-home-brand span{max-width:210px!important;font-size:9px!important}
}

@media print{
  body.workspace-active #sidebar,body.workspace-active .member-topbar{display:none!important}
  body.workspace-active #mainWrapper.main-wrapper.with-sidebar{margin-left:0!important;width:100%!important;max-width:none!important}
  body.workspace-active .report-page .section-card{box-shadow:none!important;break-inside:avoid}
}


/* Brightlife production workspace correction */
html,body{max-width:100%;overflow-x:hidden}
body.workspace-active #sidebar.sidebar{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:304px!important;min-width:304px!important;max-width:304px!important;background:#081b31!important;color:#e8eef7!important;z-index:1200!important}
body.workspace-active #sidebar .sidebar-header{flex:0 0 82px!important;min-height:82px!important;padding:14px 15px!important}
body.workspace-active #sidebar .sidebar-header .brand-text{color:#f8fbff!important;-webkit-text-fill-color:#f8fbff!important;background:none!important;font-size:17px!important;white-space:nowrap!important;overflow:visible!important}
body.workspace-active #sidebar .sidebar-header .brand-text span{color:#8b5cf6!important;-webkit-text-fill-color:#8b5cf6!important}
body.workspace-active #sidebar .sidebar-header .brand-sub{color:#aab8ca!important}
body.workspace-active #sidebar .sidebar-nav{padding:14px 10px 12px!important;overflow-y:auto!important;overflow-x:hidden!important}
body.workspace-active #sidebar .section-label{color:#a9b7c9!important;font-size:10px!important}
body.workspace-active #sidebar .nav-item,
body.workspace-active #sidebar .hierarchy-toggle{color:#d3dcea!important;-webkit-text-fill-color:#d3dcea!important;background:transparent!important;font-size:13px!important;font-weight:650!important;line-height:1.25!important;min-height:44px!important;white-space:nowrap!important;overflow:visible!important}
body.workspace-active #sidebar .nav-item .nav-text,
body.workspace-active #sidebar .hierarchy-title span{color:inherit!important;-webkit-text-fill-color:inherit!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;display:block!important}
body.workspace-active #sidebar .nav-item i,
body.workspace-active #sidebar .hierarchy-title i{color:inherit!important;-webkit-text-fill-color:inherit!important}
body.workspace-active #sidebar .nav-item:hover,
body.workspace-active #sidebar .hierarchy-toggle:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.08)!important}
body.workspace-active #sidebar .nav-item.active,
body.workspace-active #sidebar .nav-item.secure-subnav.active{color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#6c3ce1,#7c4ff0)!important}
body.workspace-active #sidebar .nav-item.active .nav-text,
body.workspace-active #sidebar .nav-item.active i{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.workspace-active #sidebar .hierarchy-children .nav-item{padding-left:42px!important;font-size:12.5px!important}
body.workspace-active #sidebar .sidebar-user{flex:0 0 76px!important;min-height:76px!important}
body.workspace-active #mainWrapper.main-wrapper.with-sidebar{margin-left:304px!important;width:calc(100% - 304px)!important;max-width:calc(100% - 304px)!important;padding:0!important}
body.workspace-active .member-topbar{min-height:82px!important;padding:14px 28px!important}
body.workspace-active .member-page-title{font-size:22px!important;line-height:1.2!important}
body.workspace-active .member-page-subtitle{font-size:13px!important}
body.workspace-active .dashboard-body{max-width:1500px!important;padding:26px 28px 48px!important}
body.workspace-active .report-page{width:100%!important;max-width:100%!important}
body.workspace-active .report-page .report-hero{padding:24px!important;border-radius:18px!important}
body.workspace-active .report-page .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.workspace-active .report-page .settings-table-wrap{overflow-x:auto!important}
body.workspace-active .report-page .settings-table{min-width:760px!important}
body.workspace-active .report-page .report-actions .btn-sm{white-space:nowrap!important}

/* Public website header: keep the complete brand and navigation readable */
.bl-inner-header{position:sticky!important;top:0!important;z-index:2000!important;background:#0b1b30!important}
.bl-inner-head{width:min(1440px,100%)!important;box-sizing:border-box!important;margin:0 auto!important;padding:12px clamp(16px,3vw,42px)!important;display:flex!important;align-items:center!important;gap:20px!important}
.bl-brand{min-width:0!important;flex:1 1 auto!important;display:flex!important;align-items:center!important;gap:11px!important;text-align:left!important;overflow:hidden!important}
.bl-brand img{width:52px!important;height:52px!important;flex:0 0 52px!important;border-radius:13px!important;object-fit:cover!important}
.bl-brand span{min-width:0!important;display:block!important}
.bl-brand strong{display:block!important;color:#fff!important;font-size:18px!important;line-height:1.15!important;white-space:nowrap!important;overflow:visible!important}
.bl-brand small{display:block!important;color:#b9c7d8!important;font-size:9.5px!important;line-height:1.35!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:480px!important}
.bl-inner-head nav{flex:0 1 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;min-width:0!important}
.bl-inner-head nav::-webkit-scrollbar{display:none!important}
.bl-inner-head nav button{flex:0 0 auto!important;color:#fff!important;font-size:11px!important;padding:10px 10px!important;white-space:nowrap!important}
.bl-inner-head nav button.active{background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:inset 0 -2px 0 #fff!important}
.bl-inner-head nav .bl-login{background:#fff!important;color:#0b1b30!important;padding:10px 13px!important}
.bl-inner-menu-toggle{display:none!important;flex:0 0 auto!important}

@media(max-width:1100px) and (min-width:769px){
 body.workspace-active #sidebar.sidebar{width:286px!important;min-width:286px!important;max-width:286px!important}
 body.workspace-active #mainWrapper.main-wrapper.with-sidebar{margin-left:286px!important;width:calc(100% - 286px)!important;max-width:calc(100% - 286px)!important}
 body.workspace-active #sidebar .nav-item,body.workspace-active #sidebar .hierarchy-toggle{font-size:12.5px!important}
 .bl-inner-head{gap:10px!important;padding-left:18px!important;padding-right:18px!important}
 .bl-brand{flex:0 1 250px!important}
 .bl-brand small{max-width:250px!important}
 .bl-inner-head nav button{padding:9px 7px!important;font-size:10px!important}
}
@media(max-width:768px){
 body.workspace-active #sidebar.sidebar{width:min(330px,88vw)!important;min-width:0!important;max-width:min(330px,88vw)!important;transform:translateX(-105%)!important}
 body.workspace-active #sidebar.sidebar.open{transform:translateX(0)!important}
 body.workspace-active #mainWrapper.main-wrapper.with-sidebar{margin-left:0!important;width:100%!important;max-width:100%!important}
 body.workspace-active .member-topbar{padding:11px 14px!important;min-height:64px!important}
 body.workspace-active .member-page-title{font-size:17px!important}
 body.workspace-active .dashboard-body{padding:16px 14px 38px!important}
 body.workspace-active .report-page .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .bl-inner-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:9px 13px!important}
 .bl-brand img{width:42px!important;height:42px!important;flex-basis:42px!important}
 .bl-brand strong{font-size:14px!important}
 .bl-brand small{font-size:8px!important;max-width:230px!important}
 .bl-inner-menu-toggle{display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:10px!important;padding:9px 11px!important}
 .bl-inner-head nav{display:none!important;grid-column:1/-1!important;width:100%!important;max-width:none!important;overflow:visible!important;white-space:normal!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:7px!important;background:#10243c!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important}
 .bl-inner-head nav:not(.is-open){display:none!important}
 .bl-inner-head nav.is-open{display:grid!important}
 .bl-inner-head nav button{width:100%!important;text-align:center!important;font-size:10px!important;padding:10px 6px!important}
 .bl-inner-head nav .bl-login{grid-column:1/-1!important}
}
@media(max-width:430px){
 body.workspace-active .report-page .metric-grid{grid-template-columns:1fr!important}
 .bl-brand small{display:none!important}
 .bl-inner-head nav.is-open{grid-template-columns:1fr!important}
}


/* Professional workspace navigation alignment */
body.workspace-active #sidebar .nav-item,
body.workspace-active #sidebar .hierarchy-toggle{
  justify-content:flex-start!important;
  text-align:left!important;
}
body.workspace-active #sidebar .nav-item .nav-text,
body.workspace-active #sidebar .hierarchy-title span{
  text-align:left!important;
}
body.workspace-active #sidebar .hierarchy-toggle{
  justify-content:space-between!important;
}
body.workspace-active #sidebar .hierarchy-title{
  justify-content:flex-start!important;
  text-align:left!important;
}
body.workspace-active #sidebar .hierarchy-children .nav-item{
  padding-left:22px!important;
}
body.workspace-active #sidebar .hierarchy-children .nav-item .nav-text{
  text-align:left!important;
}
body.workspace-active #sidebar .nav-item i,
body.workspace-active #sidebar .hierarchy-title i{
  text-align:center!important;
}

/* Paybill payment instructions */
.paybill-payment-card{
  margin:0 0 14px;
  padding:15px 16px;
  border:1px solid #dbe4ef;
  border-radius:14px;
  background:linear-gradient(180deg,#f8fbff,#f2f6fb);
}
.paybill-payment-title{display:flex;align-items:center;gap:9px;font-weight:850;color:#102033;margin-bottom:12px}
.paybill-payment-title i{color:var(--primary)}
.paybill-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.paybill-payment-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:11px 12px}
.paybill-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#718096;font-weight:800;margin-bottom:3px}
.paybill-payment-grid strong{display:block;font-size:18px;letter-spacing:.02em;color:#102033}
.paybill-payment-steps{margin:0;padding-left:20px;color:#526174;font-size:11px;line-height:1.65}
.paybill-payment-steps li+li{margin-top:3px}
@media(max-width:520px){.paybill-payment-grid{grid-template-columns:1fr}}

/* Final responsive workspace shell: compact, non-overlapping navigation */
:root{--workspace-sidebar-width:232px}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body.workspace-active{display:block!important;background:var(--page-bg);overflow-x:hidden}
body.workspace-active #sidebar.sidebar{
  display:flex!important;
  position:fixed!important;
  inset:0 auto 0 0!important;
  width:var(--workspace-sidebar-width)!important;
  min-width:var(--workspace-sidebar-width)!important;
  max-width:var(--workspace-sidebar-width)!important;
  height:100dvh!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-right:1px solid rgba(148,163,184,.16)!important;
  box-shadow:8px 0 28px rgba(2,8,23,.10)!important;
  z-index:1200!important;
}
body.workspace-active #sidebar .sidebar-header{
  min-height:72px!important;height:72px!important;
  padding:12px 14px!important;gap:10px!important;
  box-sizing:border-box!important;
}
body.workspace-active #sidebar .sidebar-header .logo-icon{
  width:42px!important;height:42px!important;border-radius:11px!important;
}
body.workspace-active #sidebar .sidebar-header .brand-text{
  font-size:16px!important;letter-spacing:-.35px!important;
}
body.workspace-active #sidebar .sidebar-header .brand-sub{font-size:9px!important;margin-top:1px!important}
body.workspace-active #sidebar .sidebar-toggle{font-size:18px!important;padding:5px!important}
body.workspace-active #sidebar .sidebar-nav{
  min-width:0!important;box-sizing:border-box!important;
  padding:12px 9px!important;overflow-x:hidden!important;overflow-y:auto!important;
  scrollbar-width:thin;
}
body.workspace-active #sidebar .nav-section{margin-bottom:5px!important}
body.workspace-active #sidebar .section-label{
  padding:7px 10px 5px!important;font-size:9px!important;letter-spacing:.08em!important;
}
body.workspace-active #sidebar .nav-item,
body.workspace-active #sidebar .hierarchy-toggle{
  width:100%!important;min-width:0!important;min-height:40px!important;
  box-sizing:border-box!important;padding:9px 10px!important;gap:9px!important;
  border-radius:10px!important;font-size:12px!important;font-weight:650!important;
}
body.workspace-active #sidebar .nav-item i,
body.workspace-active #sidebar .hierarchy-title i{width:18px!important;flex:0 0 18px!important;font-size:14px!important}
body.workspace-active #sidebar .nav-item .nav-text,
body.workspace-active #sidebar .hierarchy-title span{
  min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;
}
body.workspace-active #sidebar .nav-item .badge-count{font-size:9px!important;padding:1px 6px!important}
body.workspace-active #sidebar .hierarchy-children{padding-left:0!important}
body.workspace-active #sidebar .hierarchy-children .nav-item{
  min-height:36px!important;padding:8px 9px 8px 34px!important;font-size:11.5px!important;
}
body.workspace-active #sidebar .sidebar-user{
  min-height:68px!important;height:68px!important;box-sizing:border-box!important;
  padding:10px 12px!important;gap:9px!important;
}
body.workspace-active #sidebar .sidebar-user .avatar{width:36px!important;height:36px!important;font-size:14px!important}
body.workspace-active #sidebar .sidebar-user .user-name{font-size:12px!important}
body.workspace-active #sidebar .sidebar-user .user-role{font-size:9px!important}
body.workspace-active #sidebar .sidebar-user .logout-btn{font-size:15px!important;padding:4px!important}
body.workspace-active #mainWrapper.main-wrapper,
body.workspace-active #mainWrapper.main-wrapper.with-sidebar{
  box-sizing:border-box!important;
  margin-left:var(--workspace-sidebar-width)!important;
  width:calc(100% - var(--workspace-sidebar-width))!important;
  max-width:calc(100% - var(--workspace-sidebar-width))!important;
  min-width:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}
body.workspace-active #mainWrapper > *{max-width:100%!important;box-sizing:border-box!important}
body.workspace-active .member-topbar{box-sizing:border-box!important;width:100%!important;min-width:0!important;padding:13px 22px!important}
body.workspace-active .member-topbar-left{min-width:0!important;overflow:hidden!important}
body.workspace-active .member-page-title{font-size:20px!important;line-height:1.2!important}
body.workspace-active .member-page-subtitle{max-width:100%!important}
body.workspace-active .dashboard-body{box-sizing:border-box!important;width:100%!important;max-width:none!important;padding:22px 22px 42px!important;overflow-x:hidden!important}
body.workspace-active .report-page,
body.workspace-active .section-card,
body.workspace-active .dashboard-container{box-sizing:border-box!important;max-width:100%!important}
body.workspace-active img,body.workspace-active video,body.workspace-active iframe{max-width:100%!important}
body.workspace-active .table-wrapper,body.workspace-active .table-scroll,body.workspace-active .data-table-wrapper,body.workspace-active .table-responsive{max-width:100%!important;overflow-x:auto!important}

@media (max-width:1100px) and (min-width:769px){
  :root{--workspace-sidebar-width:220px}
  body.workspace-active #sidebar.sidebar{width:220px!important;min-width:220px!important;max-width:220px!important}
  body.workspace-active #mainWrapper.main-wrapper,
  body.workspace-active #mainWrapper.main-wrapper.with-sidebar{margin-left:220px!important;width:calc(100% - 220px)!important;max-width:calc(100% - 220px)!important}
  body.workspace-active .member-topbar{padding-left:18px!important;padding-right:18px!important}
  body.workspace-active .dashboard-body{padding-left:18px!important;padding-right:18px!important}
}

@media (max-width:768px){
  body.workspace-active #sidebar.sidebar{
    width:min(300px,86vw)!important;min-width:0!important;max-width:min(300px,86vw)!important;
    transform:translateX(-105%)!important;
    box-shadow:18px 0 42px rgba(2,8,23,.25)!important;
  }
  body.workspace-active #sidebar.sidebar.open{transform:translateX(0)!important}
  body.workspace-active #mainWrapper.main-wrapper,
  body.workspace-active #mainWrapper.main-wrapper.with-sidebar{
    margin-left:0!important;width:100%!important;max-width:100%!important;
  }
  body.workspace-active .member-topbar{min-height:62px!important;padding:10px 13px!important}
  body.workspace-active .member-page-title{font-size:17px!important}
  body.workspace-active .dashboard-body{padding:15px 13px 34px!important}
  body.workspace-active .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:480px){
  body.workspace-active .metric-grid{grid-template-columns:1fr!important}
  body.workspace-active .dashboard-body{padding-left:11px!important;padding-right:11px!important}
}

/* ============================================================
   FINAL WORKSPACE SIDEBAR — COMPACT PROFESSIONAL ALIGNMENT
   Keep all existing navigation logic; visual/layout only.
   ============================================================ */
:root{--workspace-sidebar-width:248px!important;}
body.workspace-active #sidebar.sidebar{
  width:var(--workspace-sidebar-width)!important;
  min-width:var(--workspace-sidebar-width)!important;
  max-width:var(--workspace-sidebar-width)!important;
}
body.workspace-active #mainWrapper.main-wrapper,
body.workspace-active #mainWrapper.main-wrapper.with-sidebar{
  margin-left:var(--workspace-sidebar-width)!important;
  width:calc(100% - var(--workspace-sidebar-width))!important;
  max-width:calc(100% - var(--workspace-sidebar-width))!important;
}
body.workspace-active #sidebar .sidebar-header{
  min-height:66px!important;
  height:66px!important;
  padding:10px 12px!important;
  gap:9px!important;
}
body.workspace-active #sidebar .sidebar-header .logo-icon{
  width:40px!important;height:40px!important;border-radius:10px!important;
}
body.workspace-active #sidebar .sidebar-header .brand-text{
  font-size:15px!important;line-height:1.1!important;
}
body.workspace-active #sidebar .sidebar-header .brand-sub{
  font-size:8.5px!important;margin-top:1px!important;
}
body.workspace-active #sidebar .sidebar-toggle{
  font-size:17px!important;padding:4px!important;
}
body.workspace-active #sidebar .sidebar-nav{
  padding:8px 8px 8px!important;
}
body.workspace-active #sidebar .nav-section{
  margin-bottom:2px!important;
}
body.workspace-active #sidebar .section-label{
  padding:6px 9px 4px!important;
  font-size:8.5px!important;
  letter-spacing:.09em!important;
}
/* Every primary menu item starts from the same left edge. */
body.workspace-active #sidebar .nav-item,
body.workspace-active #sidebar .hierarchy-toggle{
  width:100%!important;
  min-width:0!important;
  min-height:35px!important;
  height:35px!important;
  box-sizing:border-box!important;
  margin:1px 0!important;
  padding:7px 9px!important;
  gap:8px!important;
  border-radius:9px!important;
  justify-content:flex-start!important;
  text-align:left!important;
  font-size:12px!important;
  line-height:1.15!important;
}
/* Fixed icon column prevents the labels from drifting or appearing centred. */
body.workspace-active #sidebar .nav-item i,
body.workspace-active #sidebar .hierarchy-title i{
  width:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  font-size:13px!important;
  text-align:center!important;
}
body.workspace-active #sidebar .nav-item .nav-text,
body.workspace-active #sidebar .hierarchy-title span{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  display:block!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* Group headers: label stays left; only the chevron sits at the far right. */
body.workspace-active #sidebar .hierarchy-toggle{
  justify-content:space-between!important;
}
body.workspace-active #sidebar .hierarchy-title{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
body.workspace-active #sidebar .hierarchy-title span{
  flex:0 1 auto!important;
}
body.workspace-active #sidebar .hierarchy-chevron{
  width:auto!important;
  min-width:10px!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  font-size:10px!important;
}
/* Child items remain visually nested, but with much less wasted space. */
body.workspace-active #sidebar .hierarchy-children{
  padding:1px 0 2px!important;
}
body.workspace-active #sidebar .hierarchy-children .nav-item{
  min-height:31px!important;
  height:31px!important;
  padding:6px 8px 6px 29px!important;
  font-size:11.5px!important;
  gap:7px!important;
}
body.workspace-active #sidebar .hierarchy-children .nav-item i{
  width:17px!important;
  min-width:17px!important;
  flex-basis:17px!important;
  font-size:12px!important;
}
body.workspace-active #sidebar .badge-count{
  margin-left:auto!important;
  flex:0 0 auto!important;
  font-size:8.5px!important;
  padding:1px 5px!important;
}
/* Compact account footer so the navigation gets more vertical space. */
body.workspace-active #sidebar .sidebar-user{
  min-height:60px!important;
  height:60px!important;
  padding:8px 10px!important;
  gap:8px!important;
}
body.workspace-active #sidebar .sidebar-user .avatar{
  width:34px!important;height:34px!important;font-size:13px!important;
}
body.workspace-active #sidebar .sidebar-user .user-name{font-size:11.5px!important}
body.workspace-active #sidebar .sidebar-user .user-role{font-size:8.5px!important}
body.workspace-active #sidebar .sidebar-user .logout-btn{width:32px!important;height:32px!important;font-size:14px!important}

@media (max-width:1100px) and (min-width:769px){
  :root{--workspace-sidebar-width:220px!important;}
  body.workspace-active #sidebar.sidebar{width:220px!important;min-width:220px!important;max-width:220px!important}
  body.workspace-active #mainWrapper.main-wrapper,
  body.workspace-active #mainWrapper.main-wrapper.with-sidebar{
    margin-left:220px!important;width:calc(100% - 220px)!important;max-width:calc(100% - 220px)!important;
  }
}
@media (max-width:768px){
  body.workspace-active #sidebar.sidebar{
    width:min(292px,86vw)!important;
    min-width:0!important;
    max-width:min(292px,86vw)!important;
  }
  body.workspace-active #mainWrapper.main-wrapper,
  body.workspace-active #mainWrapper.main-wrapper.with-sidebar{
    margin-left:0!important;width:100%!important;max-width:100%!important;
  }
}


/* ============================================================
   MOBILE WORKSPACE MENU — HEADER-BASED DRAWER
   Keeps the workspace header visible on phones and provides a
   reliable menu control inside that header. Existing navigation
   logic is reused; this is presentation/interaction only.
   ============================================================ */
.workspace-mobile-menu-btn{
  display:none;
  flex:0 0 auto;
  width:38px;
  height:38px;
  align-items:center;
  justify-content:center;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#fff;
  color:#344054;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(15,23,42,.06);
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.workspace-mobile-menu-btn:active{transform:scale(.97)}
body.dark-mode .workspace-mobile-menu-btn{background:#1e293b;border-color:#475569;color:#f8fafc}
body.workspace-active .member-topbar-left{display:flex!important;align-items:center!important;gap:10px!important}

@media(max-width:768px){
  body.workspace-active .workspace-mobile-menu-btn{display:inline-flex!important}
  body.workspace-active .member-topbar{
    position:sticky!important;
    top:0!important;
    z-index:1400!important;
    min-height:64px!important;
    padding:10px 12px!important;
  }
  body.workspace-active .member-page-title{font-size:17px!important}

  /* The drawer opens below the workspace header, so the header remains
     visible and usable while the menu is open. */
  body.workspace-active #sidebar.sidebar{
    top:64px!important;
    bottom:0!important;
    height:calc(100dvh - 64px)!important;
    max-height:calc(100dvh - 64px)!important;
    z-index:1300!important;
    transform:translateX(-105%)!important;
  }
  body.workspace-active #sidebar.sidebar.open{transform:translateX(0)!important}
  body.workspace-active #sidebarOverlay,
  body.workspace-active .sidebar-overlay{
    position:fixed!important;
    top:64px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:1250!important;
  }
  body.workspace-active #mobileMenuToggle{display:none!important}
}
@media(max-width:430px){
  body.workspace-active .member-topbar{min-height:60px!important;padding:9px 10px!important}
  body.workspace-active .workspace-mobile-menu-btn{width:36px;height:36px}
  body.workspace-active #sidebar.sidebar{
    top:60px!important;
    height:calc(100dvh - 60px)!important;
    max-height:calc(100dvh - 60px)!important;
  }
  body.workspace-active #sidebarOverlay,
  body.workspace-active .sidebar-overlay{top:60px!important}
}


/* SND Brightlife sitemap-aligned public website */
:root { --sb-blue:#07569b; --sb-navy:#07345f; --sb-green:#08a85b; --sb-ink:#12314b; --sb-muted:#5f7284; }
html.public-site-html, body.public-site-body { background:#f5f8fb !important; }
#mainWrapper.public-site-mode { background:#f5f8fb !important; }
.sb-site { color:var(--sb-ink); background:#fff; font-family:Inter,Arial,sans-serif; width:100%; min-height:100vh; }
.sb-site * { box-sizing:border-box; }
.sb-header { min-height:78px; padding:10px clamp(18px,4vw,64px); display:flex; align-items:center; justify-content:space-between; gap:24px; background:#fff; border-bottom:1px solid #e6edf3; position:relative; z-index:20; }
.sb-brand { border:0; background:transparent; display:flex; align-items:center; gap:10px; text-align:left; color:var(--sb-navy); cursor:pointer; min-width:215px; }
.sb-brand img { width:44px; height:44px; object-fit:contain; }
.sb-brand span { display:flex; flex-direction:column; gap:4px; }
.sb-brand strong { font-size:16px; line-height:1.1; font-weight:800; }
.sb-brand small { font-size:9px; color:#63778a; max-width:220px; }
.sb-nav { display:flex; align-items:center; gap:clamp(8px,1.35vw,22px); flex-wrap:wrap; }
.sb-nav button,.sb-footer button { font:inherit; border:0; background:transparent; color:#21465f; cursor:pointer; }
.sb-nav button { font-size:12px; font-weight:650; padding:10px 0; }
.sb-nav button:hover,.sb-footer button:hover { color:var(--sb-green); }
.sb-nav .sb-nav-login,.sb-nav .sb-nav-register { padding:10px 15px; border:1px solid var(--sb-green); border-radius:22px; color:var(--sb-green); }
.sb-nav .sb-nav-register { background:var(--sb-green); color:#fff; }
.sb-mobile-toggle { display:none; border:1px solid #dce6ed; border-radius:8px; padding:8px 12px; background:white; color:var(--sb-navy); font-size:20px; }
.sb-main { max-width:1440px; margin:0 auto; }
.sb-hero { display:grid; grid-template-columns:1.02fr .98fr; min-height:390px; background:linear-gradient(115deg,#062f56 0%,#07569b 75%); color:#fff; overflow:hidden; }
.sb-hero-copy { padding:clamp(34px,5vw,76px); align-self:center; }
.sb-eyebrow { display:block; color:var(--sb-green); font-size:10px; letter-spacing:.1em; font-weight:850; margin-bottom:10px; text-transform:uppercase; }
.sb-eyebrow-light { color:#9bf0c5; }
.sb-hero h1 { font-size:clamp(30px,3.3vw,48px); line-height:1.08; letter-spacing:-.035em; margin:0 0 16px; color:white; }
.sb-hero h1 em,.sb-section h2 em { color:#31d887; font-style:normal; }
.sb-hero-copy p { max-width:560px; color:#e1edf6; font-size:14px; line-height:1.7; }
.sb-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
.sb-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:24px; padding:12px 18px; border:1px solid transparent; font-size:12px; font-weight:750; cursor:pointer; text-decoration:none; transition:transform .15s,box-shadow .15s; }
.sb-button:hover { transform:translateY(-1px); box-shadow:0 6px 18px #082b4518; }
.sb-button-green { background:var(--sb-green); color:white; }
.sb-button-outline-light { background:transparent; color:white; border-color:#b5d4e8; }
.sb-button-outline { background:#fff; color:var(--sb-green); border-color:#9bdabb; }
.sb-hero-image { min-height:340px; position:relative; overflow:hidden; }
.sb-hero-image:after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,#032a4db8); pointer-events:none; }
.sb-hero-image img { width:100%; height:100%; min-height:390px; display:block; object-fit:cover; }
.sb-image-caption { position:absolute; z-index:1; bottom:28px; left:28px; right:20px; display:flex; flex-direction:column; gap:5px; color:white; }
.sb-image-caption strong { font-size:17px; }.sb-image-caption span { font-size:12px; color:#e2f2fc; }
.sb-focus-strip { display:grid; grid-template-columns:repeat(5,1fr); padding:18px clamp(18px,4vw,64px); gap:14px; background:#f3f8fb; border-bottom:1px solid #e5edf2; }
.sb-focus-strip>div { display:grid; grid-template-columns:38px 1fr; column-gap:10px; align-items:center; }
.sb-focus-icon { grid-row:span 2; display:grid; place-items:center; border-radius:50%; width:38px; height:38px; background:#e0f5ed; color:var(--sb-green); font-size:22px; }
.sb-focus-strip strong { font-size:11px; }.sb-focus-strip small { font-size:9px; color:var(--sb-muted); }
.sb-section { padding:clamp(36px,5vw,68px) clamp(18px,4vw,64px); }
.sb-about-preview,.sb-inner-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,68px); align-items:center; }
.sb-section h2 { color:var(--sb-navy); font-size:clamp(25px,2.6vw,36px); line-height:1.16; letter-spacing:-.025em; margin:0 0 15px; }
.sb-section p { font-size:13px; line-height:1.8; color:#5b6f80; }
.sb-about-photo img,.sb-image-panel>img { width:100%; max-height:360px; object-fit:cover; border-radius:14px; display:block; }
.sb-section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:22px; }
.sb-section-heading h2 { margin-bottom:8px; }.sb-section-heading p { margin:0; }
.sb-project-section { background:#f8fafc; }
.sb-project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.sb-project-grid-large { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sb-project-card { border:1px solid #e1eaf0; border-radius:12px; background:#fff; overflow:hidden; box-shadow:0 5px 16px #13324a0a; }
.sb-card-image { width:100%; height:158px; object-fit:cover; display:block; background:#e8f0f5; }
.sb-project-copy { padding:16px 17px 18px; }.sb-project-copy h3 { font-size:16px; margin:6px 0 8px; color:var(--sb-navy); }.sb-project-copy p { font-size:12px; line-height:1.6; margin:0 0 13px; }
.sb-project-copy .sb-eyebrow { font-size:8px; margin:0; }
.sb-text-link { border:0; padding:0; background:transparent; color:var(--sb-green); font-size:11px; font-weight:800; cursor:pointer; }
.sb-impact-band { display:grid; grid-template-columns:1fr 1fr; gap:32px; padding:clamp(32px,4vw,56px) clamp(18px,4vw,64px); background:#07375f; color:#fff; align-items:center; }
.sb-impact-band h2 { font-size:clamp(25px,2.5vw,34px); color:white; margin:0 0 10px; }.sb-impact-band p { max-width:540px; color:#d4e5f2; font-size:13px; line-height:1.7; }
.sb-impact-points { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.sb-impact-points article { padding:18px 14px; border:1px solid #ffffff28; border-radius:10px; display:flex; flex-direction:column; gap:9px; }.sb-impact-points strong { font-size:13px; color:#9bf0c5; }.sb-impact-points span { font-size:11px; line-height:1.5; color:#e2edf5; }
.sb-partner-band { padding:clamp(32px,4vw,58px) clamp(18px,4vw,64px); display:grid; grid-template-columns:1.4fr 1fr; gap:28px; align-items:center; background:#f0faf6; }
.sb-partner-band h2 { font-size:clamp(24px,2.5vw,34px); color:var(--sb-navy); margin:0 0 10px; }.sb-partner-band p { color:#5b6f80; font-size:13px; line-height:1.7; max-width:640px; }
.sb-support-card { padding:24px; background:white; border:1px solid #d9eee5; border-radius:14px; box-shadow:0 8px 25px #0b553410; }.sb-support-symbol { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#e0f5ed; color:var(--sb-green); font-size:24px; }.sb-support-card h3 { color:var(--sb-navy); margin:14px 0 8px; }
.sb-page-banner { position:relative; min-height:180px; display:flex; align-items:center; padding:35px clamp(18px,4vw,64px); background:#063a66; color:white; overflow:hidden; }.sb-banner-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.42; }.sb-page-banner>div { position:relative; z-index:1; }.sb-page-banner h1 { color:white; font-size:clamp(30px,3vw,42px); margin:0 0 7px; }.sb-page-banner p { color:#eef6fb; margin:0; font-size:14px; }
.sb-image-panel { display:flex; flex-direction:column; gap:15px; }.sb-note { background:#eff9f5; border-left:3px solid var(--sb-green); border-radius:8px; padding:16px 18px; }.sb-note strong { color:var(--sb-navy); }.sb-note p,.sb-note li { font-size:12px; }.sb-note ul { padding-left:18px; }.sb-values-grid { padding:0 clamp(18px,4vw,64px) 48px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.sb-values-grid article { padding:22px; border:1px solid #e1eaf0; border-radius:12px; background:#fff; }.sb-values-grid b { color:var(--sb-green); font-size:13px; }.sb-values-grid h3 { color:var(--sb-navy); font-size:16px; margin:12px 0 8px; }.sb-values-grid p { font-size:12px; line-height:1.7; margin:0; color:#5b6f80; }
.sb-cta { margin:0 clamp(18px,4vw,64px) 45px; padding:24px; border-radius:12px; background:#07375f; color:white; display:flex; align-items:center; justify-content:space-between; gap:20px; }.sb-cta h2 { font-size:22px; margin:0; color:white; }.sb-cta p { margin:8px 0 0; color:#d4e5f2; }
.sb-notice { margin:22px clamp(18px,4vw,64px) 42px; padding:20px 22px; border:1px solid #dbe8ee; border-left:4px solid var(--sb-green); background:#f7fbfd; border-radius:8px; }.sb-notice strong { color:var(--sb-navy); }.sb-notice p { font-size:12px; line-height:1.7; color:#5b6f80; margin:7px 0 0; }
.sb-check-list { list-style:none; padding:0; }.sb-check-list li { margin:10px 0; color:#405c70; font-size:13px; }.sb-check-list li:before { content:"✓"; color:var(--sb-green); font-weight:bold; margin-right:10px; }
.sb-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }.sb-contact-item { padding:14px 0; border-bottom:1px solid #e5edf2; display:flex; flex-direction:column; gap:6px; font-size:13px; }.sb-contact-item strong { color:var(--sb-navy); }.sb-contact-item a { color:var(--sb-green); text-decoration:none; }.sb-contact-form { display:flex; flex-direction:column; gap:8px; border:1px solid #e1eaf0; padding:24px; border-radius:12px; box-shadow:0 8px 25px #12314b0a; }.sb-contact-form h3 { margin:0 0 8px; color:var(--sb-navy); }.sb-contact-form label { font-size:11px; font-weight:750; color:#405c70; }.sb-contact-form input,.sb-contact-form textarea { width:100%; border:1px solid #d7e2e9; border-radius:7px; padding:11px; font:inherit; font-size:12px; margin-bottom:7px; }.sb-contact-form small { color:#748594; font-size:10px; line-height:1.5; }
.sb-disclaimer { padding:0 clamp(18px,4vw,64px) 30px; font-size:11px!important; }
.sb-footer { background:#062f56; color:#fff; padding:34px clamp(18px,4vw,64px) 16px; display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:28px; }.sb-footer strong { display:block; font-size:13px; margin-bottom:12px; color:#fff; }.sb-footer p,.sb-footer small { color:#c7dbea; font-size:11px; line-height:1.7; }.sb-footer button,.sb-footer a { display:block; padding:5px 0; text-align:left; font-size:11px; color:#c7dbea; text-decoration:none; }.sb-footer-bottom { grid-column:1/-1; border-top:1px solid #ffffff24; padding-top:14px; display:flex; justify-content:space-between; gap:16px; color:#bdd0de; font-size:10px; }
@media(max-width:1050px){.sb-header{flex-wrap:wrap}.sb-brand{flex:1}.sb-mobile-toggle{display:block}.sb-nav{display:none;flex-basis:100%;align-items:stretch;flex-direction:column;gap:0;padding:8px 0}.sb-nav.sb-nav-open{display:flex}.sb-nav button{text-align:left;padding:11px 0}.sb-nav .sb-nav-login,.sb-nav .sb-nav-register{text-align:center}.sb-hero{grid-template-columns:1fr 1fr}.sb-project-grid,.sb-project-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-focus-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.sb-hero,.sb-about-preview,.sb-inner-grid,.sb-impact-band,.sb-partner-band,.sb-contact-grid{grid-template-columns:1fr}.sb-hero-copy{padding:32px 22px}.sb-hero-image,.sb-hero-image img{min-height:260px}.sb-focus-strip{grid-template-columns:repeat(2,1fr);padding:16px}.sb-project-grid,.sb-project-grid-large,.sb-values-grid{grid-template-columns:1fr}.sb-section-heading{align-items:flex-start;flex-direction:column}.sb-impact-points{grid-template-columns:1fr}.sb-page-banner{min-height:155px}.sb-footer{grid-template-columns:1fr 1fr;gap:22px}.sb-footer-bottom{flex-direction:column}.sb-cta{align-items:flex-start;flex-direction:column}.sb-card-image{height:200px}}

/* Sitemap refinement: consistent desktop proportions, page hierarchy and responsive layouts. */
.sb-site { --sb-content-width: 1440px; font-size:14px; }
.sb-header { min-height:72px; padding:9px clamp(16px,2.4vw,36px); gap:16px; box-shadow:0 2px 10px rgba(8,49,82,.04); }
.sb-brand { min-width:190px; gap:8px; }
.sb-brand img { width:40px; height:40px; }
.sb-brand strong { font-size:14px; }
.sb-brand small { max-width:205px; font-size:8px; }
.sb-nav { gap:clamp(7px,.95vw,14px); }
.sb-nav button { font-size:10px; white-space:nowrap; }
.sb-nav .sb-nav-login,.sb-nav .sb-nav-register { padding:8px 12px; }
.sb-main { max-width:none; }
.sb-hero { min-height:410px; grid-template-columns:1.02fr .98fr; }
.sb-hero-copy { padding:clamp(28px,4vw,58px); }
.sb-hero h1 { max-width:650px; font-size:clamp(30px,3.2vw,46px); }
.sb-hero-copy p { max-width:510px; font-size:13px; }
.sb-hero-image img { min-height:410px; }
.sb-focus-strip { padding:16px clamp(18px,3vw,42px); }
.sb-section { padding:clamp(32px,4vw,54px) clamp(18px,3vw,42px); }
.sb-project-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sb-project-grid-large { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sb-card-image { height:clamp(145px,14vw,195px); }
.sb-project-card { border-radius:10px; box-shadow:0 5px 18px rgba(12,52,82,.07); }
.sb-page-banner { min-height:185px; padding:32px clamp(18px,3vw,42px); }
.sb-page-banner h1 { font-size:clamp(29px,3vw,40px); }
.sb-page-banner p { max-width:620px; line-height:1.6; }
.sb-inner-grid { gap:clamp(28px,4vw,56px); }
.sb-values-grid { padding:0 clamp(18px,3vw,42px) 38px; }
.sb-values-grid article { box-shadow:0 4px 14px rgba(15,55,83,.04); }
.sb-footer { padding:32px clamp(18px,3vw,42px) 16px; }
.sb-error-page { min-height:62vh; padding:70px 24px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.sb-error-code { color:var(--sb-blue); font-weight:900; font-size:clamp(72px,12vw,130px); line-height:1; letter-spacing:-.07em; }
.sb-error-page h1 { color:var(--sb-navy); font-size:clamp(28px,4vw,42px); margin:8px 0; }
.sb-error-page p { max-width:520px; }
.sb-contact-form button { align-self:flex-start; }
.sb-site button:focus-visible,.sb-site a:focus-visible,.sb-site input:focus-visible,.sb-site textarea:focus-visible { outline:3px solid #7edbb0; outline-offset:3px; }
@media(max-width:1150px){ .sb-header { align-items:center; } .sb-nav { gap:10px; } .sb-nav button { font-size:10px; } }
@media(max-width:1050px){ .sb-header { padding:10px 22px; } .sb-nav { gap:0; } .sb-nav button { font-size:12px; } .sb-nav .sb-nav-login,.sb-nav .sb-nav-register { width:max-content; } }
@media(max-width:680px){ .sb-header { padding:10px 16px; } .sb-brand { min-width:0; } .sb-brand small { max-width:190px; } .sb-hero { grid-template-columns:1fr; } .sb-hero-copy { padding:34px 22px; } .sb-hero-image { min-height:260px; } .sb-hero-image img { min-height:260px; max-height:340px; } .sb-focus-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .sb-project-grid,.sb-project-grid-large { grid-template-columns:1fr; } .sb-card-image { height:210px; } .sb-values-grid { grid-template-columns:1fr; padding:0 18px 30px; } .sb-footer { grid-template-columns:1fr 1fr; } }

/* Sitemap-aligned contact map panel */
.sb-map-section{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.6fr);gap:24px;align-items:stretch;padding:0 clamp(18px,4vw,64px) 42px;background:#fff}
.sb-map-heading{align-self:center;padding:12px 0}.sb-map-heading h2{color:#073b70;font-size:clamp(23px,2.6vw,32px);margin:8px 0}.sb-map-heading p{color:#52667a;line-height:1.65}.sb-map-frame{min-height:300px;overflow:hidden;border-radius:14px;border:1px solid #dce8f1;box-shadow:0 10px 28px #0b376a12}.sb-map-frame iframe{display:block;width:100%;height:100%;min-height:300px;border:0}
@media(max-width:700px){.sb-map-section{grid-template-columns:1fr;padding:0 18px 28px;gap:14px}.sb-map-frame,.sb-map-frame iframe{min-height:260px}}

/* Fine-grained sitemap matching: project filters, secondary programme cards and breadcrumbs. */
.sb-breadcrumb{display:flex;align-items:center;gap:8px;margin-top:12px;color:#e1eff8;font-size:10px;position:relative;z-index:2}.sb-breadcrumb button{border:0;background:transparent;color:#e1eff8;padding:0;font:inherit;cursor:pointer}.sb-breadcrumb span:last-child{font-weight:750;color:#fff}.sb-project-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.sb-project-filters button{border:1px solid #d6e4ed;background:#fff;color:#31536d;border-radius:999px;padding:8px 15px;font-size:11px;font-weight:750;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sb-project-filters button:hover,.sb-project-filters button.is-active{background:#0aa65b;border-color:#0aa65b;color:#fff}.sb-more-projects{background:#fff}.sb-mini-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sb-mini-project-grid article{display:flex;flex-direction:column;gap:7px;overflow:hidden;border:1px solid #e1eaf0;border-radius:10px;background:#fff;padding-bottom:14px}.sb-mini-project-grid img{display:block;width:100%;height:clamp(105px,11vw,155px);object-fit:cover}.sb-mini-project-grid strong{padding:0 12px;color:#073b70;font-size:12px}.sb-mini-project-grid span{padding:0 12px;color:#62788a;font-size:10px;line-height:1.5}.sb-commitment-quote{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(130px,230px);gap:16px;align-items:center;margin-top:22px;padding:18px 20px;background:#f0faf6;border:1px solid #dcefe6;border-radius:12px}.sb-commitment-quote>span{font-size:48px;line-height:1;color:#0aa65b;font-weight:900}.sb-commitment-quote strong{color:#073b70;font-size:13px}.sb-commitment-quote p{margin:5px 0 0;font-size:11px}.sb-commitment-quote img{width:100%;height:100px;object-fit:cover;border-radius:8px}.sb-principles{padding-bottom:24px;background:#f8fbfd}.sb-principles .sb-section-heading{margin-bottom:16px}.sb-principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sb-principles-grid article{display:flex;flex-direction:column;gap:8px;padding:17px;background:#fff;border:1px solid #e2edf2;border-radius:10px}.sb-principles-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e5f7ee;color:#078b50;font-size:18px}.sb-principles-grid strong{color:#073b70;font-size:12px}.sb-principles-grid small{color:#667b8b;font-size:10px;line-height:1.5}.sb-governance-practice{padding-top:28px;background:#f8fbfd}.sb-governance-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sb-governance-columns article{padding:18px;background:#fff;border:1px solid #e1eaf0;border-radius:10px}.sb-governance-columns h3{margin:0 0 7px;color:#073b70;font-size:13px}.sb-governance-columns p{margin:0;font-size:11px}.sb-small-note{font-size:10px!important;color:#718394!important}.sb-small-note a{color:#078b50;font-weight:700}
@media(max-width:850px){.sb-mini-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-governance-columns{grid-template-columns:1fr}.sb-commitment-quote{grid-template-columns:auto minmax(0,1fr)}.sb-commitment-quote img{display:none}}
@media(max-width:580px){.sb-mini-project-grid{grid-template-columns:1fr 1fr}.sb-project-filters{gap:6px}.sb-project-filters button{padding:7px 11px}.sb-principles-grid{grid-template-columns:1fr 1fr}.sb-breadcrumb{flex-wrap:wrap}.sb-commitment-quote{padding:14px}}

/* Water project detail page follows the sitemap's overview / goals / impact composition. */
.sb-water-overview{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr);gap:24px;align-items:start;background:#fff}.sb-water-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.sb-water-copy h2{font-size:clamp(23px,2.3vw,32px)}.sb-water-photo img{width:100%;height:220px;object-fit:cover;border-radius:12px;display:block}.sb-water-photo p{font-size:10px;line-height:1.55;color:#718394}.sb-water-funding{grid-column:1/-1;padding:20px;background:#f7fbfd;border:1px solid #e1eaf0;border-radius:12px}.sb-water-funding h3,.sb-water-goals h3,.sb-water-impact h3{margin:0 0 10px;color:#073b70;font-size:15px}.sb-water-sidebar{display:flex;flex-direction:column;gap:14px}.sb-water-goals,.sb-water-impact{padding:20px;background:#f5f9fc;border:1px solid #e1eaf0;border-radius:12px}.sb-water-goals .sb-check-list,.sb-water-funding .sb-check-list{margin:10px 0 18px}.sb-water-impact{background:#eff8fc}.sb-impact-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sb-impact-metrics article{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:12px 6px;background:#fff;border-radius:8px}.sb-impact-metrics article span{font-size:22px;color:#0876ce}.sb-impact-metrics strong{font-size:10px;color:#073b70}.sb-impact-metrics small{font-size:9px;line-height:1.4;color:#718394}.sb-water-cta{padding:18px;background:linear-gradient(110deg,#eefaf5,#f1f8fc);border:1px solid #dbeee6;border-radius:12px}.sb-water-cta strong{color:#073b70;font-size:14px}.sb-water-cta p{font-size:11px;margin:7px 0 14px}.sb-water-cta .sb-button{font-size:10px}
@media(max-width:850px){.sb-water-overview{grid-template-columns:1fr}.sb-water-main{grid-template-columns:1fr 1fr}.sb-water-sidebar{display:grid;grid-template-columns:1fr 1fr}.sb-water-cta{grid-column:1/-1}}
@media(max-width:580px){.sb-water-main,.sb-water-sidebar{grid-template-columns:1fr}.sb-water-funding{grid-column:auto}.sb-water-photo img{height:210px}}

/* The home page mirrors the sitemap's five featured project cards; the Projects page remains three columns. */
.sb-project-section .sb-project-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.sb-project-section .sb-card-image{height:clamp(110px,10vw,150px)}.sb-project-section .sb-project-copy{padding:12px 11px 14px}.sb-project-section .sb-project-copy h3{font-size:13px}.sb-project-section .sb-project-copy p{font-size:10px;line-height:1.5}.sb-project-section .sb-project-copy .sb-eyebrow{font-size:7px}
@media(max-width:1050px){.sb-project-section .sb-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){.sb-project-section .sb-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-project-section .sb-card-image{height:130px}}

/* Support / donate page follows the sitemap's four support areas and clear giving pathway. */
.sb-support-areas{background:#fff;padding-bottom:30px}.sb-support-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sb-support-area-grid article{padding:17px;background:#f5fafc;border:1px solid #e1eaf0;border-radius:10px}.sb-support-area-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e3f4ec;color:#078b50;font-size:19px}.sb-support-area-grid h3{font-size:13px;color:#073b70;margin:11px 0 5px}.sb-support-area-grid p{font-size:10px;line-height:1.55;margin:0}.sb-donation-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);gap:22px;align-items:stretch;background:#f2f8fb;padding-top:30px}.sb-donation-copy,.sb-donation-details{padding:22px;background:#fff;border:1px solid #dfeaf0;border-radius:12px}.sb-donation-copy h2{font-size:clamp(22px,2.4vw,32px)}.sb-donation-details{background:#eaf7f2}.sb-donation-details h3{color:#073b70;font-size:16px;margin:0 0 8px}.sb-donation-details p{font-size:11px;line-height:1.7}.sb-donation-details .sb-contact-item{padding:10px 0}.sb-support-impact{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.2fr);gap:0;margin:0 clamp(18px,3vw,42px) 42px;overflow:hidden;border-radius:12px;background:#07375f;color:#fff}.sb-support-impact>div:first-child img{display:block;width:100%;height:100%;min-height:180px;object-fit:cover}.sb-support-impact>div:last-child{padding:25px}.sb-support-impact h2{font-size:clamp(21px,2.3vw,30px);color:#fff;margin:7px 0}.sb-support-impact p{font-size:11px;color:#d8e9f4;line-height:1.7}.sb-support-impact .sb-eyebrow-light{color:#b9f2d5}
@media(max-width:760px){.sb-support-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-donation-panel,.sb-support-impact{grid-template-columns:1fr}.sb-support-impact>div:first-child img{max-height:220px}}

/* Governance and partnership panel detail from the sitemap. */
.sb-leadership-support{padding-top:28px;background:#fff}.sb-leadership-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sb-leadership-grid article{padding:18px 14px;background:#f5f9fc;border:1px solid #e2edf2;border-radius:10px}.sb-leadership-grid article>span{display:grid;place-items:center;width:34px;height:34px;background:#e5f4ff;color:#0876ce;border-radius:9px;font-size:18px}.sb-leadership-grid h3{font-size:12px;color:#073b70;margin:11px 0 6px}.sb-leadership-grid p{font-size:10px;line-height:1.55;margin:0}.sb-governance-partner{display:grid;grid-template-columns:1.3fr .9fr;gap:16px;align-items:center;margin-top:20px}.sb-governance-partner>div:first-child{padding:20px}.sb-governance-partner h3{color:#073b70;margin:0 0 10px}.sb-governance-quote{padding:22px;background:#eaf8f2;border-radius:10px}.sb-governance-quote strong{font-size:14px;line-height:1.5;color:#078b50}.sb-governance-quote p{font-size:10px}.sb-governance-quote .sb-button{font-size:10px}
@media(max-width:760px){.sb-leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-governance-partner{grid-template-columns:1fr}}

/* SND Brightlife professional refinement — sitemap header, project details and member workspace */
:root{--sb-navy:#073b70;--sb-green:#08a45a;--sb-ink:#14263a;--sb-muted:#5f7184;--sb-line:#e1e9f0;--sb-soft:#f4f8fb}
.sb-header{min-height:84px;padding:10px clamp(18px,3vw,46px);gap:20px}
.sb-brand{min-width:238px;gap:13px;flex-shrink:0}
.sb-brand img{width:58px;height:58px;max-width:58px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(7,59,112,.12))}
.sb-brand strong{font-size:17px;letter-spacing:-.025em}
.sb-brand small{font-size:9px;line-height:1.4;max-width:240px}
.sb-nav{gap:clamp(7px,.9vw,15px)}
.sb-nav button{font-size:11px;white-space:nowrap}
.sb-nav .sb-nav-login,.sb-nav .sb-nav-register{padding:9px 13px}
.sb-project-section .sb-project-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sb-project-section .sb-project-card{min-width:0;border-radius:10px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.sb-project-section .sb-project-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(7,59,112,.12);border-color:#c8dce9}
.sb-project-section .sb-card-image{height:clamp(105px,10vw,142px);object-fit:cover}
.sb-project-section .sb-project-copy{padding:13px 13px 15px}
.sb-project-section .sb-project-copy h3{font-size:13px;line-height:1.35;min-height:2.6em}
.sb-project-section .sb-project-copy p{font-size:10px;line-height:1.55;min-height:3.1em;color:#5f7184}
.sb-project-section .sb-text-link{display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:#078b50;font-size:10px;font-weight:850;text-decoration:none}
.sb-project-section .sb-text-link:hover{text-decoration:underline;text-underline-offset:3px}
.sb-project-card{min-width:0;border:1px solid #e1e9f0;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 5px 16px rgba(7,59,112,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.sb-project-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(7,59,112,.12);border-color:#c8dce9}
.sb-card-image{display:block;width:100%;height:clamp(130px,14vw,190px);object-fit:cover;background:#e9f0f5}
.sb-project-copy{padding:17px 17px 18px}
.sb-project-copy h3{font-size:16px;line-height:1.3;color:#073b70;margin:0 0 8px}
.sb-project-copy p{font-size:12px;line-height:1.65;color:#5f7184;margin:0}
.sb-project-copy .sb-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border:0;background:transparent;padding:0;color:#078b50;font-weight:850;font-size:11px;cursor:pointer}
.sb-project-copy .sb-text-link:hover{text-decoration:underline;text-underline-offset:3px}
.sb-project-detail-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:24px;align-items:start;padding-top:30px}
.sb-project-detail-main,.sb-project-detail-sidebar>div{background:#fff;border:1px solid #e2ebf1;border-radius:14px;box-shadow:0 5px 18px rgba(7,59,112,.045)}
.sb-project-detail-main{padding:clamp(20px,3vw,34px)}
.sb-project-detail-main h2{font-size:clamp(22px,2.4vw,31px);line-height:1.2;color:#073b70;margin:0 0 14px}
.sb-project-detail-main h3{font-size:16px;color:#073b70;margin:24px 0 10px}
.sb-project-detail-main>p{font-size:13px;line-height:1.8;color:#566d80}
.sb-project-detail-photo{margin:22px 0 24px;background:#f2f7fa;border:1px solid #e0eaf0;border-radius:12px;overflow:hidden}
.sb-project-detail-photo img{display:block;width:100%;height:clamp(220px,28vw,390px);object-fit:cover}
.sb-project-detail-photo p{padding:12px 15px;margin:0;color:#65798a;font-size:11px;line-height:1.6}
.sb-project-detail-sidebar{display:grid;gap:16px;min-width:0}
.sb-project-detail-sidebar>div{padding:20px}
.sb-project-detail-sidebar .sb-water-goals h3,.sb-project-detail-sidebar .sb-water-impact h3{font-size:17px;color:#073b70;margin:0 0 12px}
.sb-project-impact-note{display:grid;gap:5px;margin-top:15px;padding:12px;border-radius:10px;background:#f0faf5;border:1px solid #d7efe2}
.sb-project-impact-note strong{font-size:11px;color:#087b49}
.sb-project-impact-note span{font-size:10px;line-height:1.55;color:#5c7182}
.sb-project-return{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f3f8fb;border-top:1px solid #e4edf2}
.sb-project-return h2{margin:0 0 7px;font-size:23px;color:#073b70}
.sb-project-return p{margin:0;font-size:12px;color:#5f7184}
.sb-project-return .sb-button{flex-shrink:0}
.sb-page-banner{min-height:190px}
.sb-page-banner>div{max-width:760px}
.sb-page-banner h1{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.03em}
.sb-page-banner p{max-width:620px;line-height:1.7}
.sb-water-overview{grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr)}
.sb-water-photo img{width:100%;display:block;object-fit:cover;max-height:310px}
.sb-water-goals,.sb-water-impact,.sb-water-cta{border-radius:12px}

/* Classic member sign-in and registration */
#app.auth-container{max-width:490px;margin:clamp(22px,5vh,58px) auto;padding:34px 34px 28px;border:1px solid #e1e8ef;border-radius:20px;box-shadow:0 24px 70px rgba(8,37,67,.13);background:#fff}
#app .auth-back-btn{border-radius:10px;padding:9px 12px;font-weight:750}
#app .auth-logo{margin-bottom:24px}
#app .auth-logo .icon{width:82px;height:82px;margin:0 auto 12px;border-radius:20px;background:#f0f8f4;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #dcefe4}
#app .auth-logo .icon img{width:70px;height:70px;object-fit:contain}
#app .auth-logo h1{font-size:26px;letter-spacing:-.035em;color:#073b70;margin:0 0 5px}
#app .auth-logo h1 span{color:#08a45a}
#app .auth-logo p{font-size:12px;color:#64788a;letter-spacing:.015em}
#app .tab-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#f1f5f8;border:1px solid #e4ebf0;border-radius:12px;margin-bottom:23px}
#app .tab-btn{min-height:40px;border-radius:9px;font-size:12px;font-weight:800;color:#617487}
#app .tab-btn.active{background:#fff;color:#087b49;box-shadow:0 2px 7px rgba(14,40,65,.09)}
#app .form-group{margin-bottom:17px}
#app .form-group label{display:block;margin-bottom:7px;font-size:12px;font-weight:750;color:#34495d}
#app .input-wrapper{min-height:47px;border:1px solid #d6e1e9;border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}
#app .input-wrapper:focus-within{border-color:#0aa65b;box-shadow:0 0 0 3px rgba(10,166,91,.11)}
#app .input-wrapper input{min-height:45px;font-size:13px;color:#1d3042}
#app .input-wrapper>i:first-child{color:#7890a2}
#app .btn-primary{min-height:46px;border-radius:10px;background:linear-gradient(100deg,#078c4b,#10ad63);box-shadow:0 6px 14px rgba(8,164,90,.17);font-size:13px;font-weight:850}
#app .btn-primary:hover{filter:brightness(.97);transform:translateY(-1px)}
#app .auth-links{margin-top:13px;text-align:right}
#app .auth-forgot-btn{font-size:11px;font-weight:750;color:#087b49}
#app .auth-footer{padding-top:18px;color:#8a9aaa;font-size:10px;border-top:1px solid #edf1f4;margin-top:24px}
#app.registration-mode{max-width:1080px!important;width:min(1080px,calc(100% - 32px))!important;margin:22px auto!important;padding:28px!important;border-radius:22px!important}
#app.registration-mode .auth-logo .icon{width:70px;height:70px}
#app.registration-mode .auth-logo .icon img{width:60px;height:60px}
#app.registration-mode .registration-layout{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:22px}
#app.registration-mode .registration-form-panel{padding:28px;border-radius:18px;box-shadow:0 8px 28px rgba(15,35,55,.07)}
#app.registration-mode .registration-welcome-panel{border-radius:18px;background:linear-gradient(145deg,#073b70 0%,#0b2c4d 68%,#087b49 150%);padding:34px}
#app.registration-mode .registration-panel-kicker{color:#a8f0c9}
#app.registration-mode .registration-benefits i{background:rgba(168,240,201,.13);color:#a8f0c9}
#app.registration-mode .registration-login-link{color:#a8f0c9}
#app.registration-mode .auth-logo{margin-bottom:18px}
#app.registration-mode .auth-logo h1{font-size:24px}

/* Workspace: stronger hierarchy, readable surfaces and stable responsive layout */
body.workspace-active #sidebar .sidebar-header .logo-icon{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:15px!important;background:#fff!important}
body.workspace-active #sidebar .sidebar-header .logo-icon img{width:52px!important;height:52px!important;object-fit:contain!important}
body.workspace-active #sidebar .sidebar-header{min-height:96px!important;gap:12px!important}
body.workspace-active #sidebar .sidebar-header .brand-text{font-size:18px!important;letter-spacing:-.4px!important}
body.workspace-active #sidebar .sidebar-header .brand-sub{font-size:10px!important;letter-spacing:.01em!important}
body.workspace-active #mainWrapper.main-wrapper.with-sidebar{background:#f4f7fb!important}
body.workspace-active .member-topbar{min-height:76px!important;padding:16px clamp(16px,2.2vw,30px)!important;border-bottom-color:#e2eaf1!important;box-shadow:0 4px 18px rgba(12,40,70,.045)!important}
body.workspace-active .member-page-title{font-size:21px!important;letter-spacing:-.025em!important;color:#112b45!important}
body.workspace-active .member-page-subtitle{font-size:12px!important;color:#718398!important}
body.workspace-active #dashboardContent{padding:24px clamp(16px,2.2vw,30px) 36px!important}
body.workspace-active #dashboardContent .card,body.workspace-active #dashboardContent .stat-card,body.workspace-active #dashboardContent .dashboard-card{border:1px solid #e3ebf2!important;border-radius:14px!important;box-shadow:0 5px 20px rgba(10,40,70,.045)!important}
body.workspace-active #dashboardContent table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;border-radius:10px!important}
body.workspace-active #dashboardContent th{background:#f3f7fa!important;color:#52677a!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.04em!important}
body.workspace-active #dashboardContent td{color:#34495d!important;font-size:12px!important;border-bottom:1px solid #edf1f5!important}
body.workspace-active #dashboardContent input,body.workspace-active #dashboardContent select,body.workspace-active #dashboardContent textarea{border-radius:9px!important;border-color:#d5e0e9!important;min-height:40px}
body.workspace-active #dashboardContent input:focus,body.workspace-active #dashboardContent select:focus,body.workspace-active #dashboardContent textarea:focus{outline:0!important;border-color:#0aa65b!important;box-shadow:0 0 0 3px rgba(10,166,91,.1)!important}
body.workspace-active #dashboardContent button{transition:background .15s,border-color .15s,transform .15s}
body.workspace-active #dashboardContent button:focus-visible,body.workspace-active #sidebar button:focus-visible{outline:3px solid rgba(10,166,91,.3)!important;outline-offset:2px!important}
@media(max-width:1100px){.sb-header{gap:12px}.sb-brand{min-width:210px}.sb-brand img{width:52px;height:52px}.sb-nav{gap:7px}.sb-nav button{font-size:10px}.sb-project-section .sb-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.sb-project-detail-layout,.sb-water-overview{grid-template-columns:1fr}.sb-project-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-project-detail-sidebar .sb-water-cta{grid-column:1/-1}.sb-project-return{align-items:flex-start;flex-direction:column}.sb-brand{min-width:0}.sb-brand small{max-width:230px}}
@media(max-width:680px){.sb-header{min-height:70px;padding:9px 15px}.sb-brand{gap:10px}.sb-brand img{width:48px;height:48px}.sb-brand strong{font-size:15px}.sb-brand small{font-size:8px;max-width:205px}.sb-project-section .sb-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sb-project-section .sb-card-image{height:125px}.sb-project-section .sb-project-copy{padding:11px}.sb-project-section .sb-project-copy h3{font-size:12px}.sb-project-section .sb-project-copy p{font-size:10px;min-height:0}.sb-project-detail-sidebar{grid-template-columns:1fr}.sb-project-detail-sidebar .sb-water-cta{grid-column:auto}.sb-project-detail-main{padding:20px}.sb-project-detail-photo img{height:230px}#app.auth-container{width:calc(100% - 28px);margin:16px auto;padding:26px 20px 22px}#app.registration-mode{width:calc(100% - 20px)!important;padding:18px!important;margin:10px auto!important}#app.registration-mode .registration-layout{grid-template-columns:1fr;gap:14px}#app.registration-mode .registration-form-panel{padding:20px}#app.registration-mode .registration-welcome-panel{padding:24px;min-height:auto}#app.registration-mode .registration-welcome-panel h2{font-size:27px}body.workspace-active #dashboardContent{padding:16px 12px 28px!important}}
@media(prefers-reduced-motion:reduce){.sb-project-card,.sb-button,#app .btn-primary{transition:none!important;scroll-behavior:auto!important}}