.modal { display: none; }
.modal.active { display: flex; }
.tab-btn { background: #e5e7eb; color: #374151; }
.tab-btn.active { background: #4f46e5; color: white; }
.tab-content { display: none; }
.tab-content.active { display: block; }
#loginScreen { display: flex; }
#mainApp { display: none; }
.affiliate-badge { background: #fef3c7; color: #92400e; padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; display: inline-block; }
.commission-paid { background: #d1fae5; color: #065f46; }
.commission-pending { background: #fed7aa; color: #9b3412; }
.partner-badge { background: #d1fae5; color: #065f46; padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; display: inline-block; }
.delete-client-btn { background: #ef4444; color: white; padding: 2px 8px; border-radius: 6px; font-size: 11px; margin-left: 5px; cursor: pointer; }
.delete-client-btn:hover { background: #dc2626; }
.edit-rate-btn { background: #10b981; color: white; padding: 2px 8px; border-radius: 6px; font-size: 11px; margin-left: 5px; cursor: pointer; }
.edit-rate-btn:hover { background: #059669; }
.service-status-badge.active { background: #d1fae5; color: #065f46; }
.service-status-badge.inactive { background: #fee2e2; color: #991b1b; }