body { background: #f5f6fa; font-family: 'Inter', sans-serif; }
.portal-nav { background: #1e1b2e; padding: 14px 0; }
.portal-nav .brand { color: #fff; font-weight: 700; font-size: 1.2rem; }
.portal-nav .brand span { color: #4f46e5; }
.portal-nav a.nav-link { color: #cbd5e1; }
.portal-nav a.nav-link:hover { color: #fff; }
.auth-card { max-width: 440px; margin: 60px auto; border-radius: 16px; border: none; box-shadow: 0 20px 60px rgba(0,0,0,.08); }
.portal-card { border: none; border-radius: 14px; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
.stat-mini { border-radius: 14px; padding: 18px; color: #fff; }
.stat-mini.bg-1 { background: linear-gradient(135deg,#4f46e5,#6366f1); }
.stat-mini.bg-2 { background: linear-gradient(135deg,#f59e0b,#f97316); }
.stat-mini.bg-3 { background: linear-gradient(135deg,#10b981,#059669); }
.avatar-lg { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 4px 14px rgba(0,0,0,.15); }
.badge-soft-success { background: #d1fae5; color: #065f46; }
.badge-soft-warning { background: #fef3c7; color: #92400e; }
.badge-soft-danger { background: #fee2e2; color: #991b1b; }
.badge-soft-info { background: #dbeafe; color: #1e40af; }