/* Minimal, clean styling */
.vd-form label { display:block; margin:8px 0; }
.vd-form input, .vd-form select, .vd-form textarea { width:100%; padding:8px; box-sizing:border-box; }
.vd-btn { padding:10px 16px; border:0; background:#111; color:#fff; cursor:pointer; }
.vd-sm-error { background:#ffecec; border-left:4px solid #e00; padding:10px; margin:10px 0; }
.vd-sm-success { background:#eaffea; border-left:4px solid #2a2; padding:10px; margin:10px 0; }
.vd-sm-alert { background:#eef7ff; border-left:4px solid #39f; padding:10px; margin:10px 0; }

.vd-dashboard { display:flex; gap:16px; }
.vd-sidebar { width:260px; background:#fafafa; border:1px solid #eee; padding:16px; position:sticky; top:10px; height:fit-content; }
.vd-main { flex:1; }
.vd-brand img { max-width:100%; height:auto; margin-bottom:8px; }
.vd-menu a { display:block; padding:8px; border-radius:6px; text-decoration:none; margin-bottom:6px; background:#f4f4f4; }
.vd-card { border:1px solid #eee; padding:16px; border-radius:8px; background:#fff; margin-bottom:16px; }
.vd-profile { display:flex; gap:16px; align-items:center; }
.vd-avatar { width:96px; height:96px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:#ddd; font-weight:bold; font-size:32px; }
.vd-badge { padding:2px 8px; border-radius:999px; font-size:12px; }
.vd-badge.status-active { background:#e7fff0; color:#0a7d38; }
.vd-badge.status-completed { background:#e7f3ff; color:#0a4a7d; }
.vd-badge.status-dropped { background:#fff1e7; color:#7d3b0a; }
.vd-muted { color:#666; font-size:12px; }
.vd-progress { display:inline-block; width:200px; height:8px; border-radius:999px; background:#eee; vertical-align:middle; overflow:hidden; margin-right:6px; }
.vd-progress > span { display:block; height:8px; background:#111; }
.vd-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:12px; }