:root {
    --enb-primary: #2563eb;
    --enb-success: #10b981;
    --enb-danger: #ef4444;
}
.enb-dashboard-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.enb-balance-amount { font-size: 24px; font-weight: bold; color: var(--enb-danger); }
.enb-balance-amount.settled { color: var(--enb-success); }
.enb-projects-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.enb-project-card { background: white; border-radius: 16px; padding: 24px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: transform 0.2s; text-decoration: none !important; color: inherit !important; display: block; }
.enb-project-card:hover { transform: translateY(-5px); }
.enb-progress-bar-bg { background: #e2e8f0; height: 8px; border-radius: 4px; overflow: hidden; margin-top: 10px; }
.enb-progress-bar-fill { height: 100%; transition: width 0.5s ease-in-out; }
.enb-badge { padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #f1f5f9; color: #475569; margin-right: 5px; }