body {
    background: #f3f4f6;
}

.sidebar {
    width: 260px;
    background: #1f2937;
    color: #fff;
    min-height: 100vh;
    border-radius: 0 10px 10px 0;
}

.avatar {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    border: 3px solid #fff;
}

.steps {
    list-style: none;
    padding-left: 0;
}

.step {
    padding: 12px;
    color: #d1d5db;
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 6px;
}

.step:hover {
    background: #374151;
}

.step.active {
    background: #4b5563;
    color: #fff;
}

.dynamic-block {
    border-left: 4px solid #0d6efd;
    animation: fade-in .25s ease-in-out;
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}