/* app.css — shared base styles for all three panels */
body { font-family: 'Segoe UI', Roboto, Arial, sans-serif; }
.card { border: none; border-radius: 10px; }
.navbar-brand { font-weight: 600; }
.sidebar { min-height: 100vh; background: #1f2937; }
.sidebar a { color: #cbd5e1; }
.sidebar a.active, .sidebar a:hover { color: #fff; background: rgba(255,255,255,0.08); }
.stat-card { border-radius: 12px; }
.badge { font-weight: 500; }
.timeline { list-style: none; padding-left: 0; }
.timeline li { padding-left: 1.5rem; position: relative; margin-bottom: 1rem; }
.timeline li::before { content: ''; position: absolute; left: 0; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: #ccc; }
.timeline li.done::before { background: #198754; }
.timeline li.active::before { background: #0d6efd; }