.avatar { width: 32px; height: 32px; border-radius: 50%; }
.avatar.lg { width: 72px; height: 72px; }
.thumb { width: 80px; height: 45px; object-fit: cover; border-radius: 4px; }
.badge { font-size: .7rem; padding: .1rem .4rem; border-radius: 4px; background: #eee; color: #333; vertical-align: middle; }
.badge.new { background: #d33; color: #fff; }
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-left: .3rem; }
.dot.ok { background: #2a2; } .dot.bad { background: #d33; }
.flash-error { color: #d33; }
.account-header { display: flex; gap: 1rem; align-items: flex-start; }
.account-header .actions { margin-left: auto; display: flex; gap: .5rem; align-items: center; }
table td, table th { vertical-align: middle; }