body { font-family: system-ui, -apple-system, sans-serif; }
.nav-item.active { background: #EFF6FF; color: #1D4ED8; border-right: 3px solid #1D4ED8; }
.nav-item:hover { background: #F3F4F6; }
.modal-backdrop { background: rgba(0,0,0,0.5); }
.status-online { color: #16A34A; }
.status-offline { color: #9CA3AF; }
.status-blocked { color: #DC2626; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; }
.badge-green { background: #DCFCE7; color: #166534; }
.badge-red { background: #FEE2E2; color: #991B1B; }
.badge-yellow { background: #FEF9C3; color: #854D0E; }
.badge-blue { background: #DBEAFE; color: #1E40AF; }
.badge-gray { background: #F3F4F6; color: #374151; }
.link { color: #2563EB; text-decoration: none; }
.link:hover { text-decoration: underline; }
.dash-tab.active { background: white; box-shadow: 0 1px 3px rgba(0,0,0,0.1); color: #1D4ED8; }
.dash-tab { color: #6B7280; }
.dash-tab:hover { color: #374151; }